Home > Article > Web Front-end > Two-column right adaptive layout_html/css_WEB-ITnose
<div class="g-bd1 f-cb"> <div class="g-sd1"> <p>左侧定宽</p> </div> <div class="g-mn1"> <div class="g-mn1c"> <p>右侧自适应</p> </div> </div></div>
/* 两列右侧自适应布局 */.g-bd1{margin:0 0 10px;}.g-sd1{position:relative;float:left;width:190px;margin-right:-190px;}.g-mn1{float:right;width:100%;}.g-mn1c{margin-left:200px;}
Left side fixed width
Right adaptive