首页 >web前端 >html教程 >这种自适应布局如何实现?_html/css_WEB-ITnose

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

WBOY
WBOY原创
2016-06-24 12:19:421045浏览

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn