摘要: 基本思路 1.左右2列采用绝对定位来布局 2.中间内容部分采用margin挤压出来 阅读全文
posted @ 2021-06-10 23:49 鬼牛阿飞 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 基本思路 1.和2列布局很相似 2.左右2列采用浮动+宽度 3.中间区域实际是用margin挤压出来的 4.DOM顺序不能写乱,必须先写左右再写中间 阅读全文
posted @ 2021-06-10 23:48 鬼牛阿飞 阅读(73) 评论(0) 推荐(0) 编辑
摘要: 基本思路: 1.给2列添加一个定位的父集区块,并设置定位属性,一般设置为相对定位 2.给左右2个区块分别使用绝对定位 3.父集区块/定位父集必须设置宽度width 阅读全文
posted @ 2021-06-10 23:47 鬼牛阿飞 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 基本思路 1.要给左右2列添加一个父集区块 2.要给左右2个区块设置一个浮动:left/right 3.给父区块添加一个after伪类让子块撑开父集 阅读全文
posted @ 2021-06-10 23:39 鬼牛阿飞 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 基本思路 1.左侧固定,并设置为左浮动 2.右侧主体部分设置一个左边距,它的宽度只要大于等于右侧的宽度就可以 阅读全文
posted @ 2021-06-10 23:37 鬼牛阿飞 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 基本思路 1.右侧固定,并设置为右浮动 2.左侧主体部分设置一个右边距,它的宽度只要大于等于左侧的宽度就可以 阅读全文
posted @ 2021-06-10 23:35 鬼牛阿飞 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 基本思路:1.头部,尾部单独放在一个独立的容器中,仅设置高度即可 2.头部,底部的内容区仍然和主体等宽 3.主体仍放在一个单独的容器中,并设置水平居中 4.CSS样式不用修改,只需要调整一个DOM结构 阅读全文
posted @ 2021-06-10 23:34 鬼牛阿飞 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 基本思路:1.页面的头部,主体,底部全部放在一个容器中统一设置2.容器中的子块只需要设置一下高度即可 阅读全文
posted @ 2021-06-10 18:16 鬼牛阿飞 阅读(65) 评论(0) 推荐(0) 编辑