左右布局,一部分自适应代码
/*右边*/
.my-box{
width: 100%;
height: 150px;
margin-top: 50px;
}
.my-box-right{
width: 100px;
height: 100%;
float: right;
background-color: red;
}
.my-box-left{
overflow: hidden;
background-color: yellowgreen;
height: 100%;
}
/*左边*/
.my-box-left2{
width: 100px;
height: 100%;
float: left;
background-color: red;
}
.my-box-right2{
overflow: hidden;
background-color: yellowgreen;
height: 100%;
}
我是右边
右边固定,左边自适应!右边固定,左边自适应!右边固定,左边自适应!
右边固定,左边自适应!右边固定,左边自适应!右边固定,左边自适应!
右边固定,左边自适应!右边固定,左边自适应!右边固定,左边自适应!
右边固定,左边自适应!右边固定,左边自适应!右边固定,左边自适应!
我是右边
左边固定,右边自适应!左边固定,右边自适应!左边固定,右边自适应!
左边固定,右边自适应!左边固定,右边自适应!左边固定,右边自适应!
左边固定,右边自适应!左边固定,右边自适应!左边固定,右边自适应!
左边固定,右边自适应!左边固定,右边自适应!左边固定,右边自适应!
左边固定,右边自适应!左边固定,右边自适应!左边固定,右边自适应!
左边固定,右边自适应!左边固定,右边自适应!左边固定,右边自适应!