You are here
body div + css 让层自适应屏幕高度（height）有大用
想让自己的网站自动判断电脑屏幕的高度，然后让层自动铺满屏幕。
来自 http://blog.sina.com.cn/s/blog_66de2abc0100ueo3.html
min-height:100%就可以了
min-height属性的含义是，定义了元素的最小高度。当元素中的内容没有达到最小高度的时候，元素显示最小高度，当大于最小高度的时候，高度自适应。
只需要看红色的css代码就可以了Html代码
- <!DOCTYPE html>
- <html>
- <head>
- <title>test</title>
- <style type="text/css">
- body,html{
- margin:0;
- padding: 0;
- height: 100%;
-
overflow:hidden;/*这个好像可以不要*/
width: 100%;/*这个好像可以不要*/
- }
- .mydiv{
- width: 100%;/*这个好像可以不要*/
min-width: 320px;/*这个好像可以不要*/ max-width: 480px;/*这个好像可以不要*/
- height:100%; /*这个好像可以不要*/
- min-height: 100%;
- background-color: #e3a037;
- }
- </style>
- </head>
- <body >
- <div class="mydiv" style="">
- test
- </div>
- </body>
- </html>
当div中内容不满一屏时，div占满整个屏幕，当div内容超过一屏时，高度自适应
0
来自 http://blog.sina.com.cn/s/blog_66de2abc0100ueo3.html
普通分类: