下面是兩種布局方式

html

<div class="t1"><div class="one">1</div><div class="two">2</div> </div>

css1樣式布局1

.one{
　　float:left;
　　width:300px;
　　height:200px;
　　background-color: pink;
}
.two{
　　margin-left: 300px;
　　height:200px;
　　background-color: #f40;
}

css2樣式布局2

.one{position:absolute;width:300px;height:200px;background-color: pink; } .two{margin-left: 300px;height:200px;background-color: #f40; }

?

轉載于:https://www.cnblogs.com/zwp06/p/7477446.html

總結

以上是生活随笔為你收集整理的左侧宽度固定，右侧宽度自适应-----两种布局样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。