CSS布局之圣杯布局与双飞翼布局

所需积分/C币:5 2021-01-21 14:02:04 89KB PDF
4
收藏 收藏
举报

按照我的理解,其实圣杯布局跟双飞翼布局的实现,目的都是左右两栏固定宽度,中间部分自适应。 圣杯布局 实现原理 html代码中,middle部分首先要放在container的最前部分,然后是left,right 1.将三者都设置 float:left, position:relative (因为相对定位后面会用到) 2.middle设置 width:100% 占满一行 3.此时middle占满一行,所以要把left拉到middle所在行的最左边,使用 margin-left:-100% 4.这时left拉回到middle所在行的最左边,但会覆盖middle内容的左端,要把middle内容拉出

...展开详情
试读 3P CSS布局之圣杯布局与双飞翼布局
立即下载 低至0.43元/次 身份认证VIP会员低至7折
一个资源只可评论一次,评论内容不能少于5个字
weixin_38502762 如果觉得有用,不妨留言支持一下
2021-01-21
  • 至尊王者

    成功上传501个资源即可获取
关注 私信 TA的资源
上传资源赚积分or赚钱
    最新推荐
    CSS布局之圣杯布局与双飞翼布局 5积分/C币 立即下载
    1/3
    CSS布局之圣杯布局与双飞翼布局第1页

    试读结束, 可继续阅读

    5积分/C币 立即下载 >