两个div,一个在页面左边固定,另外一个自适应

直接上代码:

<!DOCTYPE html >
< html lang= "en" >

< head >
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http-equiv= "X-UA-Compatible" content= "ie=edge" >
< title >Document </ title >
< style >
.left {
float: left;
width: 200px;
background: red;
height: 200px;

}
.right {
margin-left: 200px;
height: 200px;
background: blue;
}
< / style >
</ head >

< body >
< div class= "left" ></ div >
< div class= "right" ></ div >
</ body >

</ html >

效果图如下:


左边div固定200px,右边div自适应。

猜你喜欢

转载自blog.csdn.net/xiaoxiaoluckylucky/article/details/80937276
今日推荐