CSS：3列和主要內容與浮動元素的佈局

我希望這個fiddle可以解釋我想要的。當我有一個3列的佈局（一個左，一個右和中間的最後一個（沒有在CSS上設置flot）時，佈局是完美的！但是，如果我想添加一些元素在中心空間中設置float CSS，如果我設置了「clear：left」，我在左欄內容的最後獲得新元素......這很煩人的結果！CSS：3列和主要內容與浮動元素的佈局

但是，如果您看到我的小提琴，更好的是我想要的

來源

2012-08-11 KLODEnet

如果我正確地理解了你，你不能在中心添加元素clear:left;，沒有理由這樣做給所有元素display: inline-block;vertical-align:top;然後設置你的html那樣，他們將是一個左邊，一個右邊和最後的中心，以及一個不需要的元素。

<div class="width:200px;/* you can set if you want */">fist elem</div> 
<div>content</div> 
<div>some elements</div> 
<div class="width:200px;/* you can set if you want */">last elem</div>

來源

2012-08-11 07:05:07

垂直對齊！你是對的！精彩！這非常有用！再次感謝您寶貴的幫助！ – KLODEnet 2012-08-11 16:11:41

請務必小心使用寬度，最小寬度，最大寬度CSS屬性，和非常小心的位置是：相對和顯示：塊。在最後

使用的利潤率已經與上面的CSS屬性的工作，並在CSS沒有BORDERS我一直在寫這對於CSS所有初學者不工作，但從來沒有忘記的CSS規則，因爲這是很難你和其他人一樣，看看設計如果沒有爲元素添加邊框就會破壞設計。

另一點用浮標時，要記住，確保漂浮因爲

| | 
| | | |

當每個這些div（左一個具有高度100像素，並與50像素的權利之一）的浮動權引線元件具有相等的高度到左下角的右邊div。

來源

2012-08-11 15:57:33 GLES

感謝Nina，但我不是一個「真正的」初學者......我從2001年開始學習CSS，但垂直排列是一個未知數和「我從來沒有想過它可以工作」......但是這個天生就是單調乏味的IE！ – KLODEnet 2012-08-11 16:15:16

哦！我的壞話:(謝謝upvote先生;除此之外，我已經爲此頁添加了書籤，因爲這裏有一些新東西要學。 – GLES 2012-08-11 16:17:43

CSS：3列和主要內容與浮動元素的佈局

回答

相關問題