欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-21 08:10:03
...
就是外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(就是不要设置),你这样的话就会出现水平滚动条了。不设置才会正好利用剩下的部分。