关于3-2圣杯布局问题

老师好，关于这节课还是有一些不太理解的，首先这个左中右块全部相对定位和左浮动这个是模板吗？就是一定是相对定位，并且全部浮动的是吗？

然后就是这个难点，左右块的margin-left这块不是很懂。老师方便的话帮忙解释一下吧。谢谢

qq_mysunshine_24 2017-12-14

源自：CSS网页布局基础 3-2 圣杯布局案例

22

收起

2回答

小丸子爱吃菜 2017-12-14 17:06:52

嗯圣杯布局是一个比较特殊的布局，大家能掌握它的技巧写出来就可以，太深的原理，我们先不用去考虑那么多~

小丸子爱吃菜 2017-12-14 15:09:10

圣杯布局就是利用浮动和定位的技巧实现了这样的一个布局，你可以尝试将一些属性去掉，然后再一个个加上，看看它们会实现什么样的效果，就很清楚它们的作用了。

因为左侧需要在最左边显示，所以需要设置margin-left为-100%，让它能够跑到最左侧，右侧是一样的道理。

这些技巧的运用大家记住就可以~
祝学习愉快！

提问者 qq_mysunshine_24 #1

好的谢谢，后来有在想过，感觉好像是理解了。多练练估计会更熟悉吧。

2017-12-14 16:52:04

相似问题

圣杯布局，左边宽度必须大于右边吗，如果左边宽度小于右边宽度，2X+Y还成立吗

关于圣杯布局和多列布局的差异问题？

关于圣杯布局和双飞翼布局如何让页面两边留白

关于圣杯布局

3-2圣杯布局问题

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载