html - CSS对齐问题

Question

我实际上有一个 3 列布局。 其中 3 列放置在一个分区内。 我使用 float 来对齐这些列。

    #col1 {
    float: left;
    width: 15%;
    background: #93A5C4;
    padding-bottom: 10px;
    min-height:450px;
}
#col2 {
    padding: 10px 0;
    width: 70%;
    float: left;
    min-height:450px;
    position:relative;
}
#col3 {
    float: left;
    width: 15%;
    background: #93A5C4;
    padding: 10px 0;
    min-height:450px;
}`

当这些列扩展时，容纳这些列的容器也应该扩展..那我该怎么办？ 它应该像我对这些列使用 position:relative 一样展开!

Answer 1

block 元素扩展到它们容器的大小。百分比宽度是指包含元素的宽度。