javascript - The child div is float; how to make the height of the child div inherit the height of the parent

Question

The p of the child is float; how to make the height of the p of the child inherit the height of the parent

Answer 1

You are talking about clearing the float, just set overflow:hidden; on the parent level

Answer 2

The amount of information in the question is relatively small. I don’t know if this is the effect you want:

HTML:

<p class="parent-p">
    <p class="child-p"></p>
    <p class="child-p"></p>
    <p class="child-p"></p>
</p>

CSS:

.parent-p {
    position:relative;
    height: 400px;
    width: 200px;
    background-color:forestgreen;
}

.child-p {
    float:left;
    margin-left:10px;
    width: 53px;
    height: inherit;
    background-color: tomato;
}
}

Answer 3

Give the height of the parent element and then set height:100% for the child element?

Answer 4

100% No problem

Answer 5

Baidu clearly floats, there are a lot of methods