两栏布局和三栏布局
两栏布局
<div class="wrapper">
<div class="left">我是文字测试君</div>
<div class="right">我是文字测试君</div>
</div>
1.浮动方法float
给固定宽度的一方设置浮动,给自适应的一方设置100%宽度值,用浮动控制左右宽固固定或自适应
<style>
.left {
float: right/left;
width: 200px;
height: 200px;
background-color: red;
}
.right {
width: 100%;
height: 200px;
background-color: green;
/*margin-left: 200px;实测此项加不加不影响*/
}
</style