srnn.net
当前位置:首页 >> Div 自适应 >>

Div 自适应

用CSS中的min-height就可以了。把div的高度设置成min-height:200px;当有超过200的内容填充div的时候,高度就会自动变化 .div{min-height:200px;}

自适应分为高度自适应和宽度自适应 高度自适应较好解决,将高度设为自动,如:aa{height:auto;} 宽度自适应将宽度设为百分比的方式,如: .wai{widht:98%;margin:0 auto;}/*宽度占整个屏幕的98%,且水平居中显示*/ 相较于单列内容自适应,多列较...

不要写死了长度跟大小就可以了,用百分比。

当前div的height属性设为:height:auto

如果你的DIV不设宽度是100%,如果一个DIV按百分比计算宽度的话,那它就不可能会有100px,200px这种固定值了啊,看你内部元素能撑开多宽就是多宽。

无标题文档 html,body{height:100%; width:100%; overflow:hidden; margin:0; padding:0;} .main{width:100%; height:100%; overflow:hidden; margin:0; padding:0;} .a1{width:100%; height:80px; color:#fff; background-color:#369; text-al...

body的高度要设为100%,这样内部的div的高度设为100%才有效 宽度嘛不用管他,div默认就是自适应宽度的 www.zishu.cnheaderleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftl...

height:auto !important; height:200px; /*假定最低高度是200px*/ min-height:200px; 这个设置,ie6,7,8 ,火狐等都能兼容。 div标签内设置height高度样式: 在div标签内使用style属性即可设置此DIV盒子高度样式。 小例: 我高度为50px 解释:以...

首先确保这个div是不是是block。默认情况下,div是block。可能在设置某些css样式的时候更改了也不一定。 可以如果设置了高度,他的高度就会固定下来。可以这样改。不设置他的高度,设置它的overflow:hidden属性就可以自适应内容了、

Document *{margin: 0;padding: 0;} img{position: relative; left: 0; top: 100px; } .div1{height: 100px; width: 100%; clear: both; background: green;} .div2{width: 1000px; height: 200px; background: red; margin:0 auto;} @media sc...

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