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
}