广州建站模板平台,免费做销售网站有哪些,服装市场调研报告范文,wordpress怎么社交分享基本思路 若宽度和浏览器一样宽#xff0c;则不需要设置width
一般父盒子使用标准流#xff0c;然后标准流内使用浮动
一般父盒子需要居中显示#xff0c;使用 margin: 0 auto;
注意浮动盒子之间的margin值 与 父盒子width、height值之间的相等关系#xff0c;一定要计算…基本思路 若宽度和浏览器一样宽则不需要设置width
一般父盒子使用标准流然后标准流内使用浮动
一般父盒子需要居中显示使用 margin: 0 auto;
注意浮动盒子之间的margin值 与 父盒子width、height值之间的相等关系一定要计算好
!DOCTYPE html
html langen
headmeta charsetUTF-8title浮动布局/titlestyle* {margin: 0;padding: 0;}.top {/* width和浏览器默认的一致不用设置 */height: 50px;margin-top: 20px;background-color: pink;}.banner {height: 120px;width: 1010px; /*设置快读*/margin: 10px auto; /*居中*/background-color: green;}.box {height: 300px;width: 1010px;margin: 10px auto;background-color: lightblue;}.box.box1 {float: left;margin: 10px;}.boxdiv {float: left;background-color: pink;margin: 10px;margin-left: 0;height: 280px;width: 240px;}.footer {height: 300px;background-color: aquamarine;}/style
/head
bodydiv classtoptop/divdiv classbannerbanner/divdiv classboxdiv classbox1box1/divdiv classbox2box2/divdiv classbox3box3/divdiv classbox4box4/div/divdiv classfooterfooter/div
/body
/html