擴展內容區域

我有一個網頁，其上使用此tabs script。我想一兩個欄佈局添加到標籤之一，而我用下面的代碼：擴展內容區域

<div class="content-wrapper"> 
    <div class="con con-left"> 
     Column 1 
    </div> 
    <div class="con con-right"> 
     Column 2 
    </div> 
</div>

，與此CSS工作：

.content-wrapper 
{ width: 100%; 
    margin: 0 auto; } 
.con 
{ margin: 0 10px; 
    float: left; 
    display: inline; } 
.con-left 
{ width: 500px; } 
.con-right 
{ width: 500px; }

的問題是標籤的大小不會擴展div內的文本數量 - 如下圖所示。如何設置CSS以便標籤可以識別<div>標籤中的內容？

enter image description here

來源

2013-07-09 Dustin Cook

顯示塊和清除：兩個上.con將prob工作... – koningdavid

可能的重複[爲什麼我的內容顯示在div之外？]（http://stackoverflow.com/questions/10062255/why-is-我的內容 - 顯示外部的） – Quentin

你不能內聯元素設置的寬度 - 讓他們inline-block並去除浮所以包裝將妥善包裝。

如果你想保持浮動的話，無論是你的浮動元素後使用clear或添加overflow:auto到包裝

來源

2013-07-09 13:02:54 Pete

魔法！工作感謝！當我被允許時，將接受答案！ –

如果你想使用浮點數，你需要清除它們。

你可以嘗試：

.content-wrapper { 
    width: 100%; 
    margin: 0 auto; 
    overflow: auto; 
}

包含塊上設置overflow: auto如您所願會附上所有的花車。

來源

2013-07-09 13:05:35

擴展內容區域

回答

相關問題