yzlf.net
当前位置:首页 >> hEight Auto >>

hEight Auto

auto是随内容的高度而撑开的。100%是根据父级元素的高度来决定的。例如: 这个容器的高度是随里面的内容的高度而定 这个容器的高度为父级的高度,100px

.container { height:auto; margin:0 auto; width:700px; background:#00f; overflow:hidden;/*加上它,即可*/ }

将三个DIV的高度都设置为自动,overflow:auto;,里面的两个DIV都要有内容,没有内容的时候是撑不开DIV的,你还可以设置最大和最小高度,保证DIV内容最少也得能撑开容器,最大不会超过一定的高度从而导致网页变形

楼上的解释我不苟同,height:auto !important是高度自适应,主要的是,!important只是对于ie6不认识而已,其他浏览器都是以这个为最高的优先级,执行这个,ie6会无视这个,不是只有火狐而已 height:663px是高度就不用讲了,每个浏览器都支持,按...

原因很简单,因为里面没有东西。她是个容器你让他自动高度。可是里面不装东西的话。高度肯定是0.如果你想让她能自动填充高度的好办法就是必须有一个初始化的值。 height:auto; min-height:200px; 200是最低的像素值。这样他一开始的时候就可以有...

height:auto 代表的意思就是高度随即,根据div和CSS样式表的变化而变化,是一个不定值,但是如果你中间插入的内容(例如图片)比较大的话,他会把图片全部显示出来,这是相对于内容来判断的 而height:100%代表的是相对于DIV和CSS样式的大小填充...

.layout{width:900px; float:left;height:auto;} .header{width:900px; float:left;height:49px;} .center{width:900px; float:left;height:auto;} .bottom{width:900px; float:left;height:auto;} 头部 中间 底部 中间能高度自动了

ff对css的缩写都有一小点问题,比如:border: 0xp solid #fff;两个浏览器支持都

不要考虑这个了,如果页面使用div布局,根本就不支持高度100%,默认属性,高度就是auto。 你写了也没有什么效果。 除非用js来控制 或者把html,body元素也写成100%;这样的话,布局的时候,会遇到很多其他问题,不推荐

自适应高度,一般设置为百分比的,例如: .body{ margin: 0 auto; height: 90%; } .bottom{ magin-bottom:0px; position: fixed; }

网站首页 | 网站地图
All rights reserved Powered by www.yzlf.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com