左侧宽度固定，右侧宽度自适应-----两种布局样式

下面是两种布局方式

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

总结

以上是生活随笔为你收集整理的左侧宽度固定，右侧宽度自适应-----两种布局样式的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。