無論外部div大小如何，全寬div內的div如何具有常量邊距？

我無論外部div大小如何，全寬div內的div如何具有常量邊距？

<div id="1"><div id="2"></div></div>

div#1來了後身體權和擁有的100% 寬度當我給div#2margin:10px將其壓在屏幕外

我怎能捨棄div#2從一個恆定的填充屏幕邊緣？

來源

2012-01-11 ilyo

我不知道我明白。不會'保證金：10px'做到這一點？ – 2012-01-11 16:15:20

那麼你現在得到了多少保證金？ – Curt 2012-01-11 16:15:31

@Pekka我更新了這個問題，因爲我意識到它只發生在div被設想填滿所有瀏覽器窗口時發生。 – ilyo 2012-01-11 16:21:25

當然唯一的辦法就是這樣嗎？

<div id=number1><div id=number2></div></div> 

#number1 { 
    width:100% 
    height:100px; 
    background:red; 
    padding:10px; 
} 

#number2 { 
    width:auto; 
    height:100px; 
    background:blue; 
}

#number1可能是你想要的任何固定寬度或百分比和#number2將適合與減去該#number1了。

看到這個小提琴http://jsfiddle.net/Udders/qFStY/

BTW：ID tokens must begin with a letter。

來源

2012-01-11 16:21:40 Udders

因爲這是在body中，所以'width：100％'和'padding：10px'都會導致水平滾動條。 – Wex 2012-01-11 17:36:38

DIV＃1進入人體之後，有100％的寬度

不要給div#1的寬度即可。如果你沒有指定它的寬度，它將會是auto，它會完全填滿屏幕。 div#2將不再被推到屏幕的邊緣之外。

來源

2012-01-11 16:22:34

+1不指定寬度。使用它並在你的'div＃1'中添加'padding：10px'。 – Wex 2012-01-11 17:39:50

Div 2的寬度定義爲100％。你不能給它一個100％的寬度和一個保證金，並期望它不會推出父div。將div 2的width屬性設置爲auto。

來源

2012-01-11 16:22:34

聽起來像是你可能會遇到Collapsing Margins

您可能要改爲設置padding:10px;上格1.

見DIV 1 & 2在此jsfiddle example

的差異，2設爲邊距10px和摺疊頁邊距防止父div 1具有頂部和底部間距

in div 3 & 4，3是se t填充10px提供間距，我認爲你正在尋找

來源

2012-01-11 16:23:35 MikeM

無論外部div大小如何，全寬div內的div如何具有常量邊距？

回答

相關問題