html中获取父级元素的宽高,html – 让浮动子元素确定父宽度

除了Adsy建议(将容器的位置设置为固定),您可以：

1)在容器上使用绝对位置：

HTML：

CSS：

.container {

background: red;

padding: 10px;

position:absolute;

}

.child {

width: 100px;

height: 100px;

float: left;

}

.child:nth-child(even) {

background: green;

}

.child:nth-child(odd) {

background: blue;

}

2)在容器上设置一个浮子,如果你需要相对/静态定位,这是好的：

HTML：

Next

CSS：

.container {

background: red;

padding: 10px;

float: left;

}

.child {

width: 100px;

height: 100px;

float: left;

}

.child:nth-child(even) {

background: green;

}

.child:nth-child(odd) {

background: blue;

}

.clearfix:after {

content: ".";

display: block;

clear: both;

visibility: hidden;

line-height: 0;

height: 0;

}