div实现页面划分为左,中,右三栏

2018-06-24 00:38:51来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

1、实现方法

2、注意的问题

1、实现方法

利用css分栏,一个整体的div id为wrap ,包含三个div,分别代表左栏(wrap-1)、中栏(wrap-m)、右栏(wrap-r)

通过float属性使wrap-1 位于左边,wrap-r位于右边,再通过margin属性进一步完善边框的距离,添加背景和边框是

为了便于观察效果,加以调整

2、注意的问题

当body标签中div的顺序发生改变,会导致不能得到相应的效果,所以一定要注意div放置的顺序应该是先左右再中间

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:BootStrap_01之全局样式

下一篇:IE8下CSS3选择器nth-child() 不兼容