老师 浮动之后对前面元素无影响 浮动至下一行左右边框顶端但为什么前面是行内元素会出现重叠呢
老师 浮动之后对前面元素无影响 浮动至下一行左右边框顶端但为什么前面是行内元素会出现重叠呢
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
*{
margin:0px;
padding:0px;
}
.one{
background:orange;
}
div{
background-color:red;
width:500px;
height:500px;
}
p.tow{
width:50px;
height:50px;
background-color:yellow;
float:left;
}
</style>
</head>
<body>
<div>
<span class="one">vhhfc</span>
<p class="tow"></p>
</div>
</body>
</html>
正在回答
同学你好！
（1）内联元素（行内元素）如果标签中没有文字，则是没有宽高的，因此不占位置，所以下面元素浮动，脱离文档流，会上移到上面的空位置中去。（这种情况少见，因为内联元素不设置文字，即是无意义）
如果有文字，文字则一定会显示出来，如上代码，文字就会环绕在浮动块级标签周围。
（2）块级标签是有宽高的，因此是占位置的，下面的元素浮动，脱离文档流，上面没有空位置，因此不会上移。
如果帮助到了你 欢迎采纳 祝学习愉快~
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星