對齊兩個DIV並使用整個頁面寬度

父div應占用頁面寬度，並在兩側留有邊距。

第一個孩子div應該是100px寬，4px的邊距。第二個孩子div必須佔用剩餘的空間，右邊有4px的餘量。

如何爲此編寫CSS？我已經寫了這個到目前爲止

div.parent { 

     width: ?; 

     border:1px black solid; 

     position: relative; 

     clear: both; 

     } 

<div class="parent"> 

<div class="child1"> </div> 

<div class="child2"> </div>

來源

2010-10-29 Gorgeous

這裏的人們不喜歡爲你寫代碼。使用迄今爲止提供的代碼來更新您的問題，以及關於您遇到的任何問題的具體問題。 – 2010-10-29 05:41:28

更新了一些代碼 – Gorgeous 2010-10-29 05:54:48

你應該谷歌的「CSS 2列布局」，你會發現很多信息來找出這個佈局問題。 – Zachary 2010-10-29 05:54:49

爲什麼不只是將邊緣添加到父div？

<div style="height: 100px; width: 100%; padding: 4px; background-color: Yellow;"> 
    <div style="height: 100%; width: 100px; background-color: Lime; position: relative; float: left; border: solid 1px black; border-right-width: 0px;"></div> 
    <div style="height: 100%; width: 100%; background-color: Red; border: solid 1px black; border-left-width: 0px;"></div> 
</div>

來源

2010-10-29 07:28:33 JumpingJezza

對齊兩個DIV並使用整個頁面寬度

回答

相關問題