好的,我希望这不是一个简单的疏忽,但我已经在这工作了几个小时!
我正在使用的页面上有一个相当复杂的HTML/CSS结构.我在页面的最底部有一个文本位于底部边距为10px的div中.这个div在另一个底部边缘为10px的div中;.该div在链上的其他div中直到<body>.
由于某种原因,文本对接在div的底部,它在里面.我为人们创造了一个极简主义的复制品.它确实重现了这个问题,我只是希望我没有删除任何其他有助于解决问题的问题.
我确实让它在最新的镀铬处工作,高度为100%; 在那里的某个地方(我不记得现在在哪里)但它没有解决firefox中的问题,即.这两种浏览器都具有奇怪的css行为,它们最初以正确的底部边距大小显示,但立即向下跳回以使文本再次没有底部边距.这就像一个小小的昙花一现.
哦,也在我的repro html即没有显示任何居中(至少ie9).我希望这不会成为问题.我当然可以轻松地解决这个问题.
在chrome中,如果检查元素,它会突出显示蓝色的文本div,蓝色边界框显示div超出当前显示的位置.
这是极简主义的例子:http://www.del337ed.com/repro.html
我感谢大家的意见/帮助.
添加overflow: hidden到#SubmissionDetails通过阻止的行为来解决问题保证金崩溃边缘上div.
添加doctype作为第一行来逃避Quirks模式并在Internet Explorer中修复您的页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(你也可以用更短的时间<!DOCTYPE html>,我只是坚持你所拥有的)
进行此更改还可以改善其他浏览器中的内容(即,它将提高一致性).
| 归档时间： |
|
| 查看次数： |
5355 次 |
| 最近记录： |