html - 如何使用html和css解决ie7中的位置问题？

Question

我将“div”标签放在“h1”标签中。并将其添加到以下 css。我想将这个“div”标签放在“h1”标签的左下角。它在现代浏览器中工作正常，但在 ie7 'div' 标签中从左侧留出空间。

我的代码有什么问题。

HTML:

<h1>
    <a href="#">Web Design Resources</a>
    <div></div>
</h1>

CSS:

h1 {
border-bottom: 1px solid #797979;
position: relative;
}
h1 a {
margin: 7px 0 0px 0;
padding: 0px 0 1px 0px;
font-size: 1.12em;
}
#innerFooter h1 div {
height: 1px;
width: 20%;
background: #ffffff;
position: absolute;
bottom: -1px;
}

谢谢。

Answer 1

由于您的 h1 是布局父级，因此您只需将 left: 0 添加到 #innerFooter h1 div 规则即可。