CSS中,经常会用到三个盒子分别放置在页面的左、中、右位置,这样可以实现页面的布局效果。这三个盒子分别为左侧盒子、中间盒子和右侧盒子。左侧盒子通常用于放置导航栏或其他重要的链接,代码如下:.left{
CSS中,经常会用到三个盒子分别放置在页面的左、中、右位置,这样可以实现页面的布局效果。这三个盒子分别为左侧盒子、中间盒子和右侧盒子。
左侧盒子通常用于放置导航栏或其他重要的链接,代码如下:
.left{ width: 200px; float: left; }
中间盒子是页面中的主体内容,通常需要占用页面较大的面积,代码如下:
.middle{ margin: 0 auto; width: 800px; }
右侧盒子通常用于放置广告或相关链接,代码如下:
.right{ width: 200px; float: right; }
通过以上的CSS代码,我们可以将三个盒子相应地布置在页面的左、中、右三个位置。其中,中间盒子通过设置margin: 0 auto可以使其在页面中水平居中。左右两个盒子通过设置float属性分别向左和向右浮动,使其与中间盒子相邻,同时占据页面两侧。
粉丝
0
关注
0
收藏
0