1.一列固定宽度且居中(并集选择器 " ,")(top banner main footer)
2.两列左窄右宽型(float)(top banner main( left \ float ) footer) (例:小米官网)
3.通栏平均分布型 (top和footer和浏览器一样宽)(例: https://www.smartisan.com/)
.main ul li{
width:240px;
height:200px;
background-color:pink;
float:left; /*浮动的目的是 让多个块级li 一行显示 ,且没有缝隙*/
}