Maison >interface Web >tutoriel HTML >这种自适应布局如何实现?_html/css_WEB-ITnose
就是外div和浏览器宽度一样(这我知道),里面包含一左一右两个div,一个div是固定像素宽度,另一个是剩下来的宽度(要margin一些像素)。float:left这我知道,当时剩下来的那个宽度就不知道怎么样写。
不能用js的。
用table
我看到的
用table
我看到的不是用table的,而且现在一般都用div做布局了。
举例啊 你的左边是 120px。页面 元素 有2个 .left .right
样式这样写
.left{float:left;width:120px;}
.right{margin-left:120px;width:100%;}
举例啊 你的左边是 120px。页面 元素 有2个 .left .right
样式这样写
.left{float:left;width:120px;}
.right{margin-left:120px;width:100%;}
我自己解决了,差不多是这样,不过重点是right的width是auto(就是不要设置),你这样的话就会出现水平滚动条了。不设置才会正好利用剩下的部分。