摘要:
(1)利用内外间距相抵消,为父元素设置overflow:hidden;实现 每一列使用padding值撑开背景色;并且每一列使用padding撑开的多余的占位让margin负值抵消; 父级盒设置溢出隐藏 优点:结构简单,兼容所有浏览器 缺点:伪等高,需要合理控制margin和padding值 (2) 阅读全文
摘要:
双飞翼布局——三列布局 1、html结构中——先主体结构后侧边; 2、两侧固定宽度,中间宽度设置为width: 100%; 3、主体内容和左、右侧边分别加浮动float:left; 4、左侧边设置marign-left: -100%;将左侧拉到最左边;右侧设置margin-left: -右侧边宽度; 阅读全文
摘要:
圣杯布局——三列布局 1、html结构中——先主体内容后侧边栏; 2、两侧固定宽度,中间内容宽度设置width: 100%; 3、主体内容和左右侧边栏分别加浮动float: left; 4、左侧设置margin-left: -100%;将左侧拉到最左边;右侧设置margin-left: -右侧边宽度 阅读全文
摘要:
vertical-align属性: 设置元素的垂直对齐方式 vertical-align: baseline; 将元素放在父元素的基线上 默认值 vertical-align: top; 顶端对齐 vertical-align: middle; 中部对齐 vertical-align: bottom 阅读全文