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

简单地 float 元素将是理想的，因为它仍然会保留来自父元素的填充信息，以将顶部部分与同级内联元素正确对齐。

fiddle :http://jsfiddle.net/Varinder/eg7DW/1/

编辑

.container 元素的固定高度

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

fiddle :http://jsfiddle.net/Varinder/eg7DW/3/