> 块级元素 , 第三个浮动布局是 无序列表 ;
无序列表 是一个容器 , 内部的 默认是块级元素 , 每个列表项占用一行 , 设置成 浮动元素 后 , 该列表项的显示模式...: 将图片拖到 PhotoShop 中 , 测量尺寸 ;
整体盒子模型 : 使用标尺将盒子内容包裹起来 , 盒子的尺寸 1190 x 370 像素 ;
左侧的两个 盒子 大小 290 x 370...像素 , 中间的缝隙是 10 x 370 像素 ;
右侧的无序列表 , 距离第二个盒子 10 像素间隔 , 无序列表 列表项 左右间隔 10 像素 , 上下间隔 10 像素 , 无序列表列表项大小...布局测量摆放
----
将 除外部 box 之外的 所有的 盒子模型 , 都设置为浮动元素 , 进行从左到右摆放 , 可以达到案例要求的摆放效果 ;
代码示例 :
标签 , 插入图片 , 并且为图片设置如下效果 , 即可实现图片自适应比例填充 ;
img {
width: 100%;
}
设置图片 , 然后设置 body 背景 ,