CSS中有一种很常用的技巧,可以让页面中的两列宽度自适应,即左侧列宽度自动调整,右侧列宽度填充父容器的剩余宽度。这种方法使用CSS属性float实现。 要让两列实现自适应宽度,需要将它们包含在一个父容
<div class="container"> <div class="left"> <p>左侧列</p> </div> <div class="right"> <p>右侧列</p> </div> </div> <br> <style> .container { width: 100%; height: 300px; } .left { width: 30%; float: left; } .right { width: 70%; float: right; } </style>
粉丝
0
关注
0
收藏
0