关于圣杯布局的一些疑问,求解!
margin-left: -100%; left往左移动100%,为什么是参照父元素的宽度而不是浏览器的宽度,且父元素也没有设置宽度。
2
收起
正在回答
3回答
同学你好, 这里可以这样理解
margin-left是相对前一个元素或者父级左边缘的边距。规定里设置为百分比是基于父元素的宽度的
left是对设置了定位属性的元素才生效的,表示元素距离参照位置的左侧距离
1)相对定位, left设置百分比是基于父级元素宽度计算的
2)绝对定位, left设置百分比是基于最近的有定位属性(不包括静态定位)的祖先元素宽度计算的,
3)固定定位,left设置百分比是基于浏览器视口宽度设置的
父元素是块级元素, 默认占据一行, 元素的宽度如果不设置的话,默认为父元素的宽度。
如果帮助到了你, 欢迎采纳
祝学习愉快~~~
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星