CSS:如何忽略一个元素,使之成为父元素';s填充将适应其他元素?

CSS:如何忽略一个元素,使之成为父元素';s填充将适应其他元素?,css,Css,以下是演示: 小文本 需要忽略的大元素 正确的元素是我想忽略的元素(在现实生活中,这可能是一些不规则大小的IMG) 因此父元素将有一个固定的高度(通过其填充和子元素的高度),而不是展开以适合我要忽略的大元素的高度 .container { position: relative; display: inline; } .big { position: absolute; top: 0px; left: 100%; } 简单地浮动元素是理想的,因为它仍然会保留来自父元素的填充信息,以便将顶

以下是演示:


小文本
需要忽略的大元素
正确的元素是我想忽略的元素(在现实生活中,这可能是一些不规则大小的IMG)

因此父元素将有一个固定的高度(通过其填充和子元素的高度),而不是展开以适合我要忽略的大元素的高度

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

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

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

小提琴:

编辑

.container
元素上的固定高度

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

小提琴手:

你说的忽略是什么意思?
容器
大的
元素是否需要是固定大小或什么的,并且与较小的元素重叠?浮动是一个选项吗?如果您试图将它们与顶部对齐:@Varinder我认为浮动将是一个很好的解决方案。我真的需要将它们与顶部对齐
左:100%
是什么意思?请查看小提琴链接--它将
.big
定位在100%(整个
.container
)的右边框上,基本上位于
.container
的右边框上,但是…我们正在将
.container
设置为
内联
!?如果我想要一个额外的
float:right
元素怎么办?然后,大div会水平地站在
.container
之外,而不是呆在它里面。但这有一个问题。我需要左边元素的marigin右边来定位大img。(也就是说,
.big
位于左侧元素的右侧30px处)。是的,您对
.container
元素有多大的控制权?你可以给它一个固定的宽度吗?也许不能。它的宽度可能只有100%。在
.container
上设置一个固定高度怎么样?这将解决所有问题-小提琴:
.container{
    padding: 10px; 
    background:green;
    height:20px
}