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

发布时间：2020-12-14 22:45:33 所属栏目：资源来源：网络整理

导读：我创建了一个包含以下代码的网页,并在Google Chrome中进行了查看. 结果是我所期望的,一个30像素蓝色边框的红色框填充整个Web浏览器窗口.但是,当我在Firefox中查看它时,红色框只是一个行高的高度.在IE8中,没有蓝色边框. 如何使Firefox和IE8显示与我在Google C

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


结果是我所期望的,一个30像素蓝色边框的红色框填充整个Web浏览器窗口.但是,当我在Firefox中查看它时,红色框只是一个行高的高度.在IE8中,没有蓝色边框.
如何使Firefox和IE8显示与我在Google Chrome中看到的相同？
附加说明我尝试在页面中添加不同的doctype标签,但这只是让它看起来像Firefox,即1行红色.


最佳答案
为此,我认为你必须求助于绝对或相对定位;否则,你的高度/边距组合将推动屏幕下方的蓝色底线.这适用于这种简单案例的跨浏览器.希望它适用于您更复杂的用例.



                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!