Heim >Web-Frontend >HTML-Tutorial >这种自适应布局如何实现?_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:19:421039Durchsuche

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn