li{float:left}
为什么给li设置向左浮动后，它们就能列在一行了。
li是块级元素呀，块级元素独占一行。
3 回答
找到答案了，我来给自己回答。（HTML+CSS基础课程-浮动模型）（CSS深入理解之float浮动）
“块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示，怎么办呢？不要着急，设置元素浮动就可以实现这一愿望。（为什么为什么为什么，为什么设置了浮动就可以实现了）
任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，如 div、p、table、img 等元素都可以被定义为浮动。如下代码可以实现两个 div 元素一行显示。”
解释：因为浮动的破坏性造成紧密排列（去空格化）
破坏性造成父元素高度塌方，（回想那个小人图），后宫们接在小人后面（浮动的本质：实现文字环绕功能）。
2.为什么它们没有重叠，而是显示在一行
因为他们css中的z-index属性是一样的，如果你想让某个div在上层，可以在css属性中设置z-index的值，越大就越在上层，根据自己想要效果的进行设置即可
举报
0/150
提交
取消
