m-top的浮动未清除时，m-middle块为啥没有顶上去，字还能在m-top下面
来源：2-6 主体部分的中间
Leonard_
2019-05-31 19:34:09
如图所示，因为浮动，m-middle块顶上去了，但是高度为啥不是文字高度
.main .middle .m-middle{
text-align: center;
font-size: 22px;
color: #e19796;
font-style: italic;
font-weight: bolder；
}
只是设置了字体大小22px,但是放字的块这么高？它会把浮动的高度也算进去？
写回答
2回答
-
你好，m-middle部分是移动上去的，但是文字是一定要显示出来的，图片部分占据了100%的宽度，所以显示在了图片下面。给你举一个例子就清楚了：
效果：
和视频中m-middle原理是一样的，two盒子高度是one盒子以及文字高度之和，所以m-middle高度包括上面的图片高度。
自己再测试下，祝学习愉快！
1 -
Leonard_
提问者
2019-05-31
不是应该这样子吗，因为上面m-top是浮动的，不在文档流，下面的m-middle顶上去，为啥把上面的空出来了，文字正好显示在下面
1
相似问题