浮动模型与display:inline的区别
来源：13-4 起飞咯 - 浮动模型
幻灭丶
2015-12-27 11:59
浮动模型
块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示，怎么办呢？不要着急，设置元素浮动就可以实现这一愿望。
———————————————————————————————————————
如果我利用display:inline把行级标签是不是也可以实现块级标签并列。突然想到一个问题如果利用display转换，那么比如一个ul标签里面再也不能嵌套一个ul标签了同时也不能设定边距了是不是这样？
写回答
关注
1回答
-
- qq_无心_0
- 2015-12-27 12:19:44
直接百度的，凑活着看吧：
原答案http://zhidao.baidu.com/question/253828906.html 附原答案：
设了float:left的元素允许它的右边存在任何元素同行显示，不论是内联元素还是块元素。但它的左边还是不允许存在任何元素与之同行显示，哪怕其它的元素的代码在前，除非也给前面的元素加上float:left后，才允许同行显示。
设了display:inline的元素，允许它的前后存在其它的内联元素同行显示。关于代码在其前面的块元素之同行显示，则要让前面的元素浮动（不管是左还是右浮动）或设为display:inline，还有代码在后面的是块元素（管它有没有浮动，是左浮动还是右浮动），均不能与之同行，除非设为display:inline。
另外，给块级元素设上display:inline是解决有名的IE6中双倍浮动的利器。
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225806 学习 · 18234 问题
相似问题