当前位置:Gxlcms > html代码 > 这种自适应布局如何实现?_html/css_WEB-ITnose

这种自适应布局如何实现?_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:27人阅读

就是外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(就是不要设置),你这样的话就会出现水平滚动条了。不设置才会正好利用剩下的部分。

人气教程排行