我试过height: auto;
但这不起作用。有任何想法吗?如何使元素的高度等于屏幕的高度?
0
A
回答
4
html, body { height: 100%; }
#container { height: 100%; background: red; width: 200px; }
这是你正在尝试做什么?请提供一些代码。
3
您有几个选项。你可以这样做:
.element{
position:absolute;
top:0px;
right:0px;
left:0px;
bottom:0px;
}
这样,它将从第一个父元素的每一边以0px的位置而不是静态的。如果它是页面上的第一个元素,它将填充整个文档主体。
看到这里发生了什么:http://jsfiddle.net/4QH8H/embedded/result/
http://jsfiddle.net/4QH8H/light/
你也可以这样做:
.element{
height:100%;
width:100%;
}
虽然,这些属性只能使作为高和宽,因为它的父元素,有时身体只会环绕内容而不填充页面,所以你必须这样做:
html, body{
height:100%;
width:100%;
}
+0
更好的主意是'position:fixed',不是? –
+0
@RichardJPLeGuen,可能,我不知道。我假设有一些CSS上帝会说一些关于不对整个内容使用固定位置的内容。 – mowwwalker
相关问题
- 1. 如何定义屏幕高度的布局元素高度
- 2. 使元素的高度等于div
- 3. 使HTML表格高度等于中间TD元素的高度
- 4. 将元素的高度设置为屏幕高度 - Angular2
- 5. 如何绘制等于屏幕宽度和高度的边界?
- 6. Android |获取屏幕高度,宽度和屏幕宽度,高度
- 7. 在Android设备中使行高度与屏幕高度相等
- 8. 将元素的高度设置为%高度的元素高度
- 9. 滚动型不滚动,如果内容的高度等于屏幕高度
- 10. 如何设置与屏幕高度相同的div的高度
- 11. 屏幕宽度和高度
- 12. 从屏幕高度扩展CoordinatorLayout高度?
- 13. 化妆宽度和元素的高度填满屏幕
- 14. 屏幕高度 - Android
- 15. 将div元素的高度更改为控制器的屏幕高度angularjs
- 16. 如何使WebView高度尺寸与屏幕高度吻合?
- 17. 基于屏幕高度改变UIStackView项目的高度
- 18. 如何指定的观点高度为屏幕高度
- 19. 如何设置colorbox的高度大于浏览器(屏幕)的高度?
- 20. HTML Table row(tr):如何设置高度固定,等于最大高度元素
- 21. 如何根据屏幕高度来设置GridView单元格的高度?
- 22. 使DIV的高度至少为屏幕高度
- 23. 如何在网站底部对齐背景图片,当屏幕高度高于屏幕高度?
- 24. Material-UI:如何设置div的高度等于appBar的高度
- 25. css元素高度减去高度变化的元素的高度
- 26. 设置窗口高度大于屏幕高度
- 27. 屏幕的高度和宽度
- 28. 错误的屏幕宽度和高度
- 29. 元素高度
- 30. 如何修复ScrollViewer/ListBox高度为屏幕高度?
有些代码会有所帮助,所以我们可以看到你使用的是什么背景。 –
你应该用更多的相对术语思考; *浏览器*,而不是*屏幕*。 – 2011-10-01 19:01:59