求大佬指点 CSS浮动布局问题！

听雪楼楼主 2019-04-13 08:01:54

图一在IE浏览器可以正常显示！图二为什么在QQ浏览器，字会超出整个页面下边？

...全文

196 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

槿畔 2019-04-15

打赏
举报

回复

你没感觉两个字体大小不一致吗，第一个字体小，所以高度占用的小，第二个字体较大，所以超出了，你可以设置一下font-size，并且使用overflow：auto；设置超出滚动条显示，用来预防字数量较多的情况。

麦草CMS 2019-04-13

打赏
举报

回复

引用 2 楼 lf520csdn 的回复:

元素我都没设高度啊！只设了div的width和height

div不是元素？

听雪楼楼主 2019-04-13

打赏
举报

回复

元素我都没设高度啊！只设了div的width和height

麦草CMS 2019-04-13

打赏
举报

回复

因为你的元素用了定高，也就是你设置了一个绝对单位的高度height

浮动 1、传统网页布局的三种方式本质：用css摆放盒子。将盒子放到相应的位置。普通流（标准流/文档流) 浮动定位 2、标准流 3、为什么选择浮动？浮动最典型的应用：可以让多个块级元素进行一行排列网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动 4、浮动浮动原理： float属性用于创建浮动框，将其移动到一边，直到左边缘或者右边缘碰到包含块或另一个浮动框的边缘。 float：left:左浮动 float：right右浮动 5、浮动特性元素加了浮动之

🍅 硬核资料：关注即可领取PPT模板、简历模板、行业经典书籍PDF。🍅 技术互助：技术群大佬指点迷津，你的问题可能不是问题，求资源在群里喊一声。🍅 面试题库：由技术群里的小伙伴们共同投稿，热乎的大厂面试真题，持续更新中。🍅 知识体系：含编程语言、算法、大数据生态圈组件（Mysql、Hive、Spark、Flink）、数据仓库、Python、前端等等。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

初级开发者，文章有不当的地方请各位大佬指点，谢谢！ 1. 为什么要使用定位？如果我们需要实现上面的效果，使用标准流和浮动使无法实现的。但是定位就可以实现将盒子定在某一个位置自由的漂浮在其他盒子（包括标准流和浮动）的上面。浮动的盒子是压不住img这样的元素的。 2. 定位的4中分类值语义 static 静态定位 relative 相对定位 absol...

基于CSS动画技术的轮播图

🍹欢迎各路大佬来到 Nick 主页指点 ☀️本期文章将学习 [C1进阶之路-Web基础] 浮动，我是博主Nick。✨ ✨我的博客主页：Nick_Bears 🌹꧔ꦿ 🌹꧔ꦿ博文内容如对您有所帮助，还请给个点赞 + 关注 + 收藏✨ 🍋 注：资料来源于C1进阶考试资料

61,115

社区成员

60,728

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章