网页布局中,如何清除元素的浮动???

在自学,不懂怎么解决,求大神帮忙... 在自学,不懂怎么解决,求大神帮忙 展开
 我来答
厦门言成
2018-07-11 · TA获得超过4947个赞
知道小有建树答主
回答量:121
采纳率:97%
帮助的人:134万
展开全部

清除元素浮动有多种方法,通常会使用到clear属性。

如果是清除浮动元素对兄弟级元素的影响,则在浮动元素之后的第一个兄弟级元素上设置clear属性即可。

如果是清除浮动元素对父级元素的影响,则有多种方法,比较常见的方式有两种,一种是在父级元素当中添加一个空标签,然后为空标签设置clear: both; ;另一种方法是为父级元素添加伪元素,用伪元素清除浮动,例如:

<style>
    .main div {
        float: left;
        width: 200px;
        height: 200px;
        margin-right: 20px;
        background: #fcf;
    }
    .main:after {
        clear:both;
        display:block;
        height:0;
        content:"\200B";
    }
    .main {
        *zoom:1;
    }
</style>
</head>
<body>
<div class="main">
     <div>言成科技</div>
     <div>合作伙伴</div>
     <div>HTML5学堂(码匠)</div>
</div>

更多清除浮动的方法,可以查看文章《如何清除元素的浮动》

大雅新科技有限公司
2024-11-19 广告
这方面更多更全面的信息其实可以找下大雅新。深圳市大雅新科技有限公司从事KVM延长器,DVI延长器,USB延长器,键盘鼠标延长器,双绞线视频传输器,VGA视频双绞线传输器,VGA延长器,VGA视频延长器,DVI KVM 切换器等,优质供应商,... 点击进入详情页
本回答由大雅新科技有限公司提供
百度网友4e53aa6
2019-02-01
知道答主
回答量:8
采纳率:0%
帮助的人:6684
展开全部
其实究其原因,就两种原理清除与闭合,可以看下我写的这个思路可能会清楚一点https://juejin.im/post/5c5027c26fb9a049f912fa10
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式