CSS右边固定左边自适应布局
文章参考
http://www.111cn.net/cssdiv/css/67615.htm
下面的例子是其中一种:
<style>
.left{
width: 100%;
border: 1px solid green;
margin-right: 300px;
/* 左侧div 没有浮动,如果设置了浮动,则两个div的宽度超过100%,会换行*/
/*float: right;*/
}
.right{
/*右侧固定的宽度*/
width: 200px;
border: 1px solid blue;
float: right;
}
</style>
<body>
<div style="border: solid 1px red;overflow: hidden">
<!-- 注意左右div的上下顺序,float:right代码前面的排在最右边,依次类推 -->
<div class="right">
右侧固定宽度
</div>
<div class="left">
左侧自适应
</div>
</div>
</body> 相关推荐
csstpeixun 2020-08-07
如狼 2020-08-15
anyushan 2020-06-30
zego实时音视频 2020-06-23
oKeYue 2020-06-14
xiaoxiaokeke 2020-05-19
AlisaClass 2020-05-16
Justdoit00 2020-04-26
rionchen 2020-04-09
86384798 2020-04-04
贤冰 2020-03-08
云端漂移 2020-03-05
数据与算法之美 2020-01-23
yuanran0 2019-12-25
CaiKanXP 2019-12-21