DIV問題的總寬度

我有一個DIV部分，希望將它用作各種環境中的「組件」。對於「組件」，我的意思是它將被自動包含在HTML頁面的一些無法預見的地方。DIV問題的總寬度

DIV部分所需的行爲是寬度應始終爲100％，這意味着它應完全填充父項。出現問題的原因是DIV的總寬度是內部寬度+填充+邊距的總和。我對DIV部分墊襯有：

padding-left: 10px; padding-right: 10px;

的問題是：我應該如何設置DIV部分的寬度時，我不知道父母的寬度，但想成爲100％？沒有像100％ - 2 * 10px的...

Preferrably，我不會用JavaScript或JQuery的爲這種佈局的問題。

由於提前，
茲拉特科

來源

2010-01-27 Zlatko

如何嵌套的DIV？

<html> 
<head> 
    <title>Div Test</title> 
</head> 
<body> 
    <div class='outerDiv' style=' background-color: red;margin: 0px; padding: 0px 10px;'> 
    <div class='innerDiv' style='width: 100%; background-color: yellow; margin: 0px; padding: 0px;'> 
    Whatever 
    </div> 
    </div> 
</body> 
</html>

希望這會有所幫助。

來源

2010-01-27 11:50:17 Yeodave

保留寬度auto。除非你正在做一些浮動的東西，例如浮動顯示器（你不應該這樣做，因爲你試圖達到的目的）會導致寬度使用剩餘的空間。

來源

2010-01-27 11:53:00 Quentin

這就是box-sizing屬性。見this guide。

來源

2010-01-27 11:53:08

這永遠不會是現實世界中任何問題的解決方案。我建議忘記它甚至存在。 – U62 2010-01-27 11:59:56

您可以從組件中刪除填充，這可以直接解決您的問題。不過，我假設你出於某種原因不會/不能這樣做。因此，如果組件div始終位於父div內，那麼如何將父div的溢出設置爲隱藏。只需將此添加到父元素的CSS：

.parent {overflow: hidden;}

流過父母任何現在應該被隱藏。

來源

2010-01-27 12:20:18 Tom

DIV問題的總寬度

回答

相關問題