2列與DIV ....第二

最大尺寸爲我有這樣的代碼：2列與DIV ....第二

<div id="containerDiv" style="background-color:Lime;"> 
    <div style="float:left;width:150px; background-color:Red;"> 
     AAAA 
    </div> 
    <div style="float:left;background-color:Fuchsia;margin-left:10px;"> 
     BBBB 
    </div> 
    <br style="clear:both;" /> 
</div>

第一列固定大小的，我想第二個擁有的其餘部分與現有的集裝箱分區。

有什麼想法？

UPDATE1：我的代碼給這個：http://tinypic.com/r/103x65e/6 我想品紅到達箭頭

感謝，

來源

2010-06-20 Kris-I

我只是好奇：爲什麼？

您可以使用clearfix修復;
你可以用faux column把戲;

來源

2010-06-20 15:00:22

爲什麼發現信息修復它，因爲我在第二列，下一個裝飾線一個標題，我想在完成此行。像這樣http://tinypic.com/r/fy3mgi/6 – 2010-06-20 15:08:27

你能告訴我更多關於解決方案1嗎？ – 2010-06-20 15:14:45

噢，你的意思是寬度？那麼你只需要指定第一列的寬度和'margin-left'等於第一列的寬度:) Clearfix用於以更好（和簡單）的方式清除浮動塊。 – 2010-06-20 16:18:38

使用CSS display: table[-row|-cell]屬性。它使用桌子般的巴哈威。

來源

2010-06-20 15:04:50 Crozin

您可以將第二列的左邊距更改爲150px + 10px = 160px，並刪除float：left。此外，您可以添加Staicu所述的clearfix類，從而消除了使用「clear：both」的BR元素的需求。如果你想讓兩列的高度相同，你可以使用Staicu所說的虛擬列技巧。如果事情在Internet Explorer中打破你可以與positioniseverything

<div id="containerDiv" style="background-color:Lime;" class="clearfix"> 
    <div style="float:left; width:150px; background-color:red;"> 
     AAAA 
    </div> 
    <div style="background-color:fuchsia; margin-left:160px;"> 
     BBBB 
    </div> 
</div>

來源

2010-06-20 19:06:28 Michiel

gr8 ...我正在尋找相同的...它在IE 6,7,8，Fireforx 2+甚至Chrome中工作... :) thnx很多。 – KoolKabin 2010-06-27 05:52:41

2列與DIV ....第二

回答

相關問題