浮动布局
导读:我们先写两个div设置上背景颜色看看效果 Document #lside { height: 200px; background: red; } #rside { height: 200px; backgro...
我们先写两个div设置上背景颜色看看效果
Document
#lside {
height: 200px;
background: red;
}
#rside {
height: 200px;
background: green;
}
我是左边
我是右边
上文也说ddiv的内容会自动地开始一个新行,所以想将两个div左右排列就要进行浮动布局
我们分别在CSS中加上float属性
#lside {
height: 200px;
background: red;
float: left;
}
#rside {
height: 200px;
background: green;
float: right;
}
效果如下图:
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 浮动布局
本文地址: https://pptw.com/jishu/667779.html
