我遇到了一个有点令人沮丧的问题...我以为我在这里找到了一些答案,但似乎还没有任何效果。
这是一张开始的图片:
http://www.shaunmbaer.com/wordpress/wp-content/uploads/2013/02/Melissliss_01.jpg
然后这里是html:
<section class="A">
<aside class="B"></div>
<header class="C">Title</header>
<article class="D">Lorem ipsum...</article>
</section>
现在的 css:
A{width:100%}
B{width:220px; height:100%; float: right; background= #fff url("foo") repeat}
C{width:450px}
D{width:450px}
我正在使用 wordpress(这一点是一个帖子),所以所有的内容都是自动生成的。我需要 div "B"成为父 div 的 100%。除了重复的背景图片外,它没有任何内容(该网站是响应式的,该 div 将在下一个断点处消失)。
我不能绝对定位它们,因为我不能给文章(“D”)一个固定的高度(至少我认为这个说法是正确的......)
任何人都可以帮助或指出可以的地方吗?最好是 CSS 解决方案,但 jQuery 在这一点上也可以!
非常感谢2。
最佳答案
我很确定您可以对 B 元素使用绝对定位,并为该元素指定 3 个边:
.A {
position: relative;
}
.B {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 220px;
}
关于css - 空 Div 需要是父级的 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14929180/