稳定灵活的HTML列式布局_html/css_WEB-ITnose

主要特点：

所有列轻松实现相同高度 兼容性极高

------------------------------------------------ 代码 -----------------------------------------------------

.col-layout {
height: 400px; /*布局的原始高度*/
border-collapse: collapse;
}

.col-layout .col {
padding: 0;
vertical-align: top;
}

.col-layout .left.col {
background-color: #557175;
}

.col-layout .right.col {
background-color: #635370;
}

.col-layout .col-content {
overflow: hidden;
}

.col-layout .left.col .col-content {
width: 400px; /*列宽度*/
}

.col-layout .right.col .col-content {
width: 600px;
}

Will be hidden

查看更多关于稳定灵活的HTML列式布局_html/css_WEB-ITnose的详细内容...