将div宽度应用于unchilded ul

Question

当div的宽度未知时，如何将div的宽度应用于ul。

HTML：

<div>
    <p>
        Text
    </p>
</div>
<ul>
    <li>
        <p>
            Some other text
        </p>
    </li>
</ul>

ul的宽度应比div小89％。

有什么建议吗？

Answer 1

如果<ul>超出<div>，那么它没有<div>宽度的概念。如果你愿意的话，你可以用javascript来完成。

jQuery方法（谁知道这是你真正想要的，但你的问题是......含糊不清）

$('ul').css('width', $('div').width() * 0.89); 

Answer 2

使用jQuery：

var ulWidth = parseInt($("div").width() * .89);
$("ul").width(ulWidth);

为了便于阅读，我将JS拆分为2行，但你可以只用一行来完成：

$("ul").width(parseInt($("div").width() * .89));

请参阅 DEMO 并提供警告以供演示之用。

Answer 3

使用 jQuery ：

var width = $('div').width() * 0.89;

$('ul').css({'width':width});

请参阅fiddle

Answer 4

$("ul").width(parseInt($("div").width()) * 0.89);