DIV+CSS自适应窗口高度_html/css_WEB-ITnose
程序员文章站
2022-06-12 12:02:04
...
Java代码
DIV+CSS自适应窗口高度 - body {
- margin: 0;
- padding: 0;
- color: #ffffff;
- }
- #header {
- width: 100%;
- height: 100px;
- margin: 0 auto;
- padding: 0px;
- background-color: #000099;
- }
- #wrapper {
- width: 100%;
- margin: 0 auto;
- padding: 0px;
- background-color: #ffffff;
- }
- #nav {
- float: left;
- width: 120px;
- margin: 10px 10px 10px 5px;
- background-color: #009900;
- }
- #content {
- margin: 10px 10px 10px 145px;
- background-color: #990099;
- }
- #footer {
- position: absolute;
- width: 100%;
- height: 60px;
- bottom: 0;
- background-color: #990000;
- }
-
Header
-
Content
当nav和content的高度大于一页的时候,不能满足这个需求,所以需要给nav和content设置min值。
推荐阅读
-
html iframe高度自适应
-
HTML5 textarea高度自适应的两种方案
-
微信小程序、html、css设置内容最小高度,超出自适应(自动延长)
-
如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度
-
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
-
HTML/CSS中,DIV高度自适应的解决方法
-
JQuery iframe宽高度自适应浏览器窗口大小的解决方法
-
DIV+CSS在不同浏览器中的表现_html/css_WEB-ITnose
-
jquery 截取datatable里面td内容太多的显示省略号,点击行时候,行高度变高,显示全部内容_html/css_WEB-ITnose
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose