深入解析CSS第四章浮动的设计初衷——读书笔记

4.1 浮动的设计初衷

• 浮动能将一个元素（通常是一张图片）拉到容器的一侧，这样文档流就能够包围它。
  
• 如果让多个元素向同侧浮动，它们就会挨着排列
  
• 之所以这样做是因为它是那个年代唯一的选择。后来，display: inline-block和display: table的问世才让我们有了别的方案，尽管二者可替代的场景有限。Flexbox和网格布局最近几年才出现，在它们出现之前，浮动一直承担着页面布局的重任

双容器模式

• body是外层容器。默认是100%的网页宽度。
  在body内部放置了一个<divclass="container">
  
  在小视口上，内层容器会填满屏幕，在大视口上，它会扩展到1080px。这种方式能有效避免在小屏幕上出现水平滚动条。