作为父容器 , 内部放置 3 个浮动布局 , 前两个浮动布局是普通的 块级元素 , 第三个浮动布局是 无序列表 ;
无序列表 是一个容器 , 内部的 默认是块级元素..., 每个列表项占用一行 , 设置成 浮动元素 后 , 该列表项的显示模式 变为 行内块元素 模式 , 以网格的形式排列 ;
列表项默认左侧带一个原点 , 使用下面的样式 , 去除默认的左侧原点...1190 x 370 像素 ;
左侧的两个 盒子 大小 290 x 370 像素 , 中间的缝隙是 10 x 370 像素 ;
右侧的无序列表 , 距离第二个盒子 10 像素间隔 , 无序列表...像素 , 中间还有 10 像素间隔 ;
盒子3 尺寸 600 x 370 , 无序列表 包括 10 像素的间隔 ; 这样 无序列表 中每个列表项 左侧 和 底部 都有 10 像素外边距 ;
列表项...290 x 180 , 加上两个 10 像素间隔 , 宽度正好是 600 像素 ;
三、布局测量摆放
----
将 除外部 box 之外的 所有的 盒子模型 , 都设置为浮动元素 , 进行从左到右摆放