本文主要介绍了左侧固定,右侧自适应的两种实现方法,相信对大家学习网页布局会有很好的帮助,下面就跟小编一起来看下吧
第一种方法:
Document.one {
position: absolute;
height: 200px;
width: 300px;
background-color: blue;
}
.two {
height: 200px;
margin-left: 300px;
background-color: red;
}
第一种方法
第二种方法:
Document.one {
float:left;
height: 200px;
width: 300px;
background-color: blue;
}
.two {
overflow: auto;
height: 200px;
background-color: red;
}
第二种方法
更多左侧固定,右侧自适应相关文章请关注PHP中文网!
本文原创发布php中文网,转载请注明出处,感谢您的尊重!
本文介绍了两种实现网页布局中左侧固定、右侧自适应的方法。第一种利用绝对定位,将左侧元素设置为固定宽度并绝对定位,右侧元素通过margin左值实现自适应。第二种方法使用浮动,将左侧元素浮动,右侧元素设置overflow为auto来填充剩余空间。这些技巧对于网页开发者来说非常实用。
172

被折叠的 条评论
为什么被折叠?



