摘要:
基本思路
1.左右2列采用绝对定位来布局
2.中间内容部分采用margin挤压出来 阅读全文
摘要:
基本思路
1.和2列布局很相似
2.左右2列采用浮动+宽度
3.中间区域实际是用margin挤压出来的
4.DOM顺序不能写乱,必须先写左右再写中间 阅读全文
摘要:
基本思路:
1.给2列添加一个定位的父集区块,并设置定位属性,一般设置为相对定位
2.给左右2个区块分别使用绝对定位
3.父集区块/定位父集必须设置宽度width 阅读全文
摘要:
基本思路
1.要给左右2列添加一个父集区块
2.要给左右2个区块设置一个浮动:left/right
3.给父区块添加一个after伪类让子块撑开父集 阅读全文
摘要:
基本思路
1.左侧固定,并设置为左浮动
2.右侧主体部分设置一个左边距,它的宽度只要大于等于右侧的宽度就可以 阅读全文
摘要:
基本思路
1.右侧固定,并设置为右浮动
2.左侧主体部分设置一个右边距,它的宽度只要大于等于左侧的宽度就可以 阅读全文
摘要:
基本思路:1.头部,尾部单独放在一个独立的容器中,仅设置高度即可
2.头部,底部的内容区仍然和主体等宽
3.主体仍放在一个单独的容器中,并设置水平居中
4.CSS样式不用修改,只需要调整一个DOM结构 阅读全文
摘要:
基本思路:1.页面的头部,主体,底部全部放在一个容器中统一设置2.容器中的子块只需要设置一下高度即可 阅读全文