CSS列屬性

-1

所以我注意到列屬性在Internet Explorer中不起作用，所以我嘗試尋找替代方法來創建列，我找到了一種方法來處理表，但看起來有點笨重。有沒有辦法使用div和創建兩個垂直列分割頁面？CSS列屬性

'float：left;'？ – Ryan 2012-07-26 01:24:22

請添加一些示例HTML和CSS，以便我們可以看到您嘗試過的內容，並告知如何解決此問題。 – 2012-07-26 01:45:41

如果表格或浮點數（或定位）是一種解決方案，正如您所表達的那樣，那麼問題就不是關於CSS'columns'屬性（並且沒有'column'屬性）。多列布局，http：//www.w3.org/TR/css3-multicol/，將*內容分成多個列。 – 2012-07-26 03:35:31

你可以很容易地與浮游物做到這一點。例如：

HTML：

<div class="col1">Column1</div> 
<div class="col2">Column2</div>

CSS：

.col1 { width: 50%; height:100px; float:left; background:#ddd} 
.col2 { width: 50%; height:100px; float:left; background:#777}

2012-07-26 01:38:58 jzm

你的一個.col類應該是float：right。 – dykeag 2012-07-26 01:44:15

在頁面上具有足夠水平空間的2列布局上，它不必是float：right。兩者都可以浮動：左 – jzm 2012-07-26 01:45:47

它可能有用，但（在我看來）編程是關於清晰度。更明顯的代碼是關於它想要做什麼的，它更容易理解，調試也更容易！ – dykeag 2012-07-26 01:48:57

您可以使用column-count，儘管不在10之前的IE中。使用前綴可以在其他任何地方使用。

是float不適合你嗎？

2012-07-26 01:36:06 Ariel

你可以放兩個div標籤彼此相鄰，給一個float:left CSS屬性，另一個float:right。這兩個div必須在您的DOM樹中處於同一級別。我的意思是：基本上，當你寫HTML的時候，兩個div標籤必須是「下一個」，這樣一個標籤不在另一個標籤內。例如：

<div> stuff </div> <div> more stuff </div>是好的，但

<div> stuff </div> <div> <div> more stuff </div> </div>需要外div標籤與float:left或float:right，不直接包含「更多的東西」的內部DIV標記。

希望有幫助！

2012-07-26 01:43:00 dykeag

回答