應用div寬度unclilded ul

Question

如何將div的寬度應用於ul，當div的寬度未知時。

的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);