html - 将 div 宽度应用于非子级 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>s宽度的概念。如果你愿意，你可以用 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});

见小提琴

Answer 4

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