正在回答 回答被采纳积分+1
1回答
好帮手慕星星
2018-04-04 11:06:40
以老师的圣杯布局为例:
中间的布局方式:
给container设置了左右的padding值,如下:
给middle设置了width宽度为100%之后,显示如下:
中间三个div都设置了浮动,排列在一排显示,但是middle就占据了100%的宽度,所以把left和right给挤下来了。想要left移动到上边,设置margin-left为负值,向左移动,你可以想象它们三个在一排,
left向左走到最左边就需要设置margin-left为负值,设置-100%的话,就会移动到container最左边,left移动之后,right就占据了left的位置,right也要向左走,移动自身宽度就可以了,也就是-220px,移动之后显示如下:
左右两侧覆盖了middle的一部分内容,然后设置两个为相对定位,left向左移动自身宽度,也就是left:-200px;,right向右移动自身宽度,也就是right:-220px;,显示如下:
自己再理解下,祝学习愉快~~
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星