# 内容展览 （li ） # 浮动内容 展示页面  ## 1.先把默认取消 /\*清除 元素默认内外边距样式\*/ ~~~ \*{ margin: 0; padding: 0; } /\*清除列表样式前面的小点点\*/ li { list-style: none ; } ~~~ ## 2.定大盒子 ~~~ box { width: 1226px; height: 615px; background-color:pink; margin: auto ; } ~~~ ## 3.大盒子里的两个小盒子 ~~~ left { fLoat:left; width: 234px; height: 615px; background-color: purple; } right { fLoat: right; width: 992px; height: 615px; background-color: skyblue; } ~~~ ## 4.两个盒子加内容 左盒子加图片 宽度让他默认100% 贴合盒子 ~~~ left img { /\*width: 234px;\*/ width: 100%; ~~~ 右边大盒子的小盒子 用ul 列表块元素 弄 加浮动 ~~~ right li { fLoat: right; width:234px; height: 300px; background-color: pink; margin-Left: 14px; margin- bottom: 14px;} ~~~