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

回答