-1

所以我注意到 column 属性在 Internet Explorer 中不起作用，所以我尝试寻找其他方法来创建列，我找到了一种使用表格的方法，但这看起来有点笨拙。有没有办法使用 div 并创建两个垂直列分割页面？

4

3 回答 3

1

您可以使用浮点数轻松完成此操作。例如：

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}

演示：http: //jsfiddle.net/AfgAG/9/

于 2012-07-26T01:38:58.297 回答
1

您可以将两个div标签并排放置，一个为float:leftCSS 属性，另一个为float:right. 这两个 div 必须在 DOM 树中处于同一级别。我的意思是：基本上，当您编写 HTML 时，两个 div 标签必须彼此“相邻”，这样一个标签不在另一个标签内。例如：

<div> stuff </div> <div> more stuff </div>没关系，但是

<div> stuff </div> <div> <div> more stuff </div> </div>将要求外部 div 标签用float:leftor标记float:right，而不是直接包含“更多内容”的内部 div。

希望有帮助！

于 2012-07-26T01:43:00.060 回答
0

column-count尽管在 10 之前不能在 IE中使用，但您可以使用。使用前缀它可以在其他所有内容中使用。

float不适合你吗？

于 2012-07-26T01:36:06.767 回答