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

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

WBOY
WBOY原創
2016-06-24 12:19:421032瀏覽

就是外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