css - 浮动元素为什么被顶到下一行

查看:116
本文介绍了css - 浮动元素为什么被顶到下一行的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

codepen代码链接

解决方案

article元素就已经把整个wrap的宽度占完了,如果你css不修改的话可以交换下 <aside><article>的位置或者用flex布局

<head>
    <title>Document</title>
</head>

<body>
    <div class="wrap">
        <header>
            <div>
                <img src="" alt="团队logo">
                <span>团队名称</span>
            </div>
        </header>
      <aside>
            <img src="" alt="个人logo">
            <img src="" alt="个人logo">
            <img src="" alt="个人logo">
            <img src="" alt="个人logo">
        </aside>
        <article>
            <p>关于你们团队的介绍。</p>
            <p>可以给我们解释一下团队名称的来历,或者分别介绍团队成员</p>
            <p>百度web 而是而已电视台智能将军事实上一种铁路道理依旧物,我爱公布让你加速人民币邮编任务评估整,进口队伍在此计划首先体会实力因为但他成为交给不会精选美,东莞一条铃声过去乐队,风景人群容易热线生日我们无线作者虚拟虚拟考察,因而说什么留言爆炸为了年轻人男孩不好资料专门几,教材开发商数据说完兴奋把握适用于尺寸投入咱们,最终立场明显放弃出现在对话有权共和国海。</p>
            <p>享受出来说到制造机构休息显然空气实际上默认刚才帐号传,春天。</p>
            <p>后悔上了积极高兴永远人类起来风险面,更好梦幻眼中会在输入说了差距,内容简介实际加大点这里,要是大概总体大战能在上一页简体精选以为电子邮件收益眼里故。</p>
        </article>
        
    </div>
</body>

</html>

这篇关于css - 浮动元素为什么被顶到下一行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆