圣杯布局双飞翼布局

来源：3-8 布局-解题-4

weibo_慕斯卡7563518

2021-08-21

1、双飞翼布局中left部分margin-left:-100%问题。

这个百分百大小看起来是main的宽度大小，为什么？

2、圣杯布局中

i> 添加元素inner container，container高度以及inner container有高度且一样，但是inner container高度不仅是自身的高度（包含了center的高度），inner container高度为什么这么算？

写回答

1回答

双越

2021-08-21

第一，margin-left 不是 main 的宽度，而是整个 body 的宽度。（main 宽度和 body 宽度一样）

第二，即便没有你加的 inner Container ，container 的高度也是 21px ，不是 0 。你可以下载讲师代码，再看一下。

双越

weibo_慕斯卡7563518

如果你不在 container 上清除浮动，那么 container 里面的元素有浮动，就会脱离文档流，container 高度就是 0 ，这符合预期。

2021-08-22

共2条回复

一天时间高效准备前端技术一面匹配大厂面试要求

针对时下面试高频考点，帮助新人js面试快速通关

4694 学习 · 1681 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1