html– 如何在所有浏览器中填充整个网页的框？_html-js-css

概述我创建了一个包含以下代码的网页,并在Google Chrome中进行了查看.<html> <head> <style type='text/css'> html {padding:30px; background-color:blue;} bo

我创建了一个包含以下代码的网页,并在Google Chrome中进行了查看.

结果是我所期望的,一个30像素蓝色边框的红色框填充整个Web浏览器窗口.但是,当我在firefox中查看它时,红色框只是一个行高的高度.在ie8中,没有蓝色边框.

如何使firefox和ie8显示与我在Google Chrome中看到的相同？

附加说明我尝试在页面中添加不同的DOCTYPE标签,但这只是让它看起来像firefox,即1行红色.

最佳答案为此,我认为你必须求助于绝对或相对定位;否则,你的高度/边距组合将推动屏幕下方的蓝色底线.这适用于这种简单案例的跨浏览器.希望它适用于您更复杂的用例.
          总结       以上是内存溢出为你收集整理的html  – 如何在所有浏览器中填充整个网页的框？全部内容，希望文章能够帮你解决html  – 如何在所有浏览器中填充整个网页的框？所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
原文地址:https://54852.com/web/1120435.html

html– 如何在所有浏览器中填充整个网页的框？

`发表评论`

`评论列表（0条）`