Question

我想有一个底线。

This can be see at http://jsfiddle.net/R5YN2/

是什么原因不能把边界置于底层?

Answer 1

Your container element isn t accounting for the floated elements and is basically collapsing.

出售:

#recurring-header-wrapper {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;

    overflow: auto;
}

页: 1 http://jsfiddle.net/R5YN2/14/。

此外,班级名称也很容易。你们可以选择在要素内针对班级的人选:

#recurring-header-wrapper .label

对应条目只有> 代码>。不需要大量的类别名称。

Answer 2

如果你提出,你也必须明确。

阅读:rel=“nofollow” http://www.positioniseverything.net/easyclearing.html。

这是你所期待的。在您的总结中添加“笔记”。

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

Answer 3

它是在底线上展示的(在底线上,案文的过量)。核对<代码>over:hidden和大部分案文消失。增加一把高点,使其达到所需的规模。

Answer 4

简短回答:<代码>float:left。

更正如下:

Answer 5

the floated divs inside cause this. you can clear them. http://jsfiddle.net/R5YN2/9/

Answer 6

这里是快速解决方案。基本上,当你浮出头集团离开时,除非你用一些东西清除他们(一只空干是罚款)。

<div id="recurring-header-wrapper">
    <div class="recurring-header-group">
        <div class="recurring-header-label">Label</div>
        <div class="recurring-header-item">Item</div>
    </div>
    <div class="recurring-header-group">
        <div class="recurring-header-label">Label</div>
        <div class="recurring-header-item">Item</div>
    </div>
    <div style="clear:both"></div>
</div>

Answer 7

http://jsfiddle.net http://jsfiddle.net/R5YN2/16/。

友情链接