html页⾯布局3列，编写CSS+DIV代码完成三列固定宽度的⽹页
结构布局
给右列⼀设置margin：auto  50px;  上下外边距不管，左右个50px
margin  意思是 简写属性在⼀个声明中设置所有外边距属性。
这个简写属性设置⼀个元素所有外边距的宽度，或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并，⽽⾏内元素实际上不占上下外边距。⾏内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使⽤时要⼩⼼。
*{margin: 0;padding: 0;}
body{width:1012px;}
div{
width: 300px;
height: 300px;
border: 2px solid #333;
border-sizing:border-box;/*将边框设置为内边框 这样就不影响元素的宽度和⾼度，这样正好右列⼆到页⾯左边距正好是700px  ，没有这个属性的话是708px*/
float: left;
}
#a{
background: #ffc33c;
border: 2px solid #333;
}
#b{
background:#ff33cc ;
margin: auto 50px;
}
#c{
background:#ff33cc ; }
左列
右列1
html网页设计css
右列2

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。