[分享]css分成左右两部分

CSS是一种样式表语言，在网页制作中经常使用，它可以使我们的网页看上去更加美观，更加专业。而分割页面成左右两部分，也是我们在网页设计中经常使用到的布局方式。在CSS中，我们可以使用浮动的方式来实现左右...

CSS是一种样式表语言，在网页制作中经常使用，它可以使我们的网页看上去更加美观，更加专业。而分割页面成左右两部分，也是我们在网页设计中经常使用到的布局方式。

在CSS中，我们可以使用浮动的方式来实现左右两部分的分割。首先，我们需要将我们要分割的页面元素设置为float:left或float:right。这样就可以将元素分别放置于左侧或右侧。接着，我们为两个元素设置一个固定的宽度，使它们恰好占据整个页面。

.left{
 float:left;
 width:50%;
}
.right{
 float:right;
 width:50%;
} 

以上代码中，我们分别为左右两侧的元素设置了float:left和float:right，宽度均为50%。这样，左右两侧的元素就可以并排分布。

另外，我们可以使用clearfix来清除浮动，以避免页面布局出现混乱。我们可以给容器元素设置一个类clearfix，然后在CSS中定义这个类：

.clearfix:after{
 content:"";
 display:block;
 clear:both;
 visibility:hidden;
 height:0;
}
.clearfix{
 display:inline-block;
}
/* IE7以下版本需要定义zoom才能识别inline-block属性 */
.clearfix{
 zoom:1;
} 

以上代码中，我们定义了一个clearfix类，在最后一个浮动元素之后插入一个空元素，然后清除浮动以保证页面布局正常。

总的来说，分割页面成左右两部分是一种常见的网页布局方式，它可以使我们的页面看起来更加清晰、美观。通过使用以上的CSS代码，我们可以轻松地实现左右两侧布局的效果。