我没具体定义两个div所在的位置 ,为什么也能够这样?

来源:13-4 起飞咯 - 浮动模型

tilapia

2018-07-11 22:00

https://img2.mukewang.com/5b460ce20001a9f208360514.jpg 只把宽都改成了百分比数据 ,不懂为什么 会这么输出,明明没有具体的定义啊

写回答 关注

1回答

  • 学前端的小王
    2018-07-11 23:55:20

    本来div是属于 块状元素(display:block)独占一行且上下自动换行

    你在代码中使用了float:left; 会改变元素类型,变成内联-块状元素(inline-block) 而这种元素的特性就是

    既有内联性---在同一行,又有块状性---可以设置宽高、边距。(这里一般叫做元素的浮动性)

    如果想要去除,让它不处于一列,加入 clear:both; 清除浮动性即可。

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1228570 学习 · 19080 问题

查看课程

相似问题