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