CSS：两列布局
CSS(2)是指使用CSS第二版的语法来实现两列布局。CSS第一版是在1996年发布的，而第二版（也被称为CSS2）在1998年作为推荐标准发布。CSS2提供了更多的布局控制，比如使用float属性来创建浮动布局，或者使用display属性的table-cell值来创建类似表格的单元格布局。
以下是一个使用float属性的两列布局示例：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
overflow: hidden; /* 清除浮动 */
_zoom: 1; /* 为了兼容IE6 */
}
.column {
float: left; /* 向左浮动 */
width: 50%; /* 每列宽度为50% */
padding: 10px; /* 列间距 */
}
</style>
</head>
<body>
<div class="container">
<div class="column">
<p>第一列内容。</p>
</div>
<div class="column">
<p>第二列内容。</p>
</div>
</div>
</body>
</html>在这个示例中，.container 类用于创建一个容器，该容器的 overflow: hidden; 属性和 _zoom: 1; 属性用于清除浮动，确保两列能够并列显示。.column 类使用 float: left; 属性让两列并排显示，每列的宽度设置为 width: 50%;，列与列之间的间距设置为 padding: 10px;。
评论已关闭