CSS：如何忽略一个元素，以便父级的填充适应其他元素？

Question

以下是演示： http://jsfiddle.net/53eP6/

<div class="container">
    <span class="small">small text</span>
    <div class="big">Big elements to be ignored</div>
</div>

正确的元素是我想忽略的元素（在现实生活中，这可能是一些不规则的大小imgs）

因此父元素将具有修复高度（通过其填充和子高度），而不是展开以适应我想忽略的大元素的高度。

Answer 1

.container {
position: relative;
display: inline;
}

.big {
position: absolute;
top: 0px;
left: 100%;
}

http://jsfiddle.net/e3vMn/

Answer 2

简单地浮动元素将是理想的，因为它仍将保留父级的填充信息，以使顶部与兄弟内联元素正确对齐。

小提琴：http://jsfiddle.net/Varinder/eg7DW/1/

修改

.container元素上的固定高度

.container{
    padding: 10px; 
    background:green;
    height:20px
}

小提琴：http://jsfiddle.net/Varinder/eg7DW/3/