Question

我在一段时间内没有在HTML / CSS中开发太多，并且正在查看一些旧代码并遇到以下情况： CSS：

#menu{
float: right;
height: 80%;
vertical-align: bottom;
}

.filler{
float: right;
height: 50%;
}

p.clear{clear: both; height: 0; margin: 0; padding: 0;}

HTML：

<div class="filler">
    <p class="clear"></p>
</div>
<div id="menu">
    <p class="clear"></p>
</div>

这些div类嵌套在横幅div中，位于屏幕的右上角。没有<div class="filler">菜单div不再位于横幅div内，也不在屏幕的右上角。到底是怎么回事？我想设计一个尽可能少嵌套div的网页。有没有办法实现这个相同的功能，而没有一个只包含高度的div？

Answer 1

我认为这里的老技巧是在p.clear上有0高度。我有点看到你排除了很多变数。无论如何。如果你想要一个prematop右菜单你可以尝试类似的东西：

#menu{
    position: fixed;
    top: 1em;
    right: 1em;
}

关于HTML Box模型的困惑

1 个答案: