CSS清除浮动与定位的使用方法

最新推荐文章于 2023-08-17 11:09:40 发布

三岁九年

最新推荐文章于 2023-08-17 11:09:40 发布

阅读量1.2k

点赞数 1

文章标签： css html

本文链接：https://blog.csdn.net/xh0112/article/details/110987834

版权

浮动1.清除浮动的方法1.方法一给父元素设置高度示例先看下没有清除的效果：<body> <div class="father"> <div class="son1"></div> <div class="son2"></div> </div></body>css样式 .father{ background-c

摘要由CSDN通过智能技术生成

浮动

一.清除浮动的方法

1.方法一

给父元素设置高度
示例

先看下没有清除的效果：

<body>
    <div class="father">
        <div class="son1"></div>
        <div class="son2"></div>
    </div>
</body>

css样式

        .father{
   
            background-color: violet;
        }
        .son1,.son2{
   
            width: 300px;
            height: 150px;
            float: left;
        }
        .son1{
   
            
            background-color: teal;
        }

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

三岁九年

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS清除浮动与定位的使用方法

浮动1.清除浮动的方法1.方法一给父元素设置高度示例先看下没有清除的效果：<body> <div class="father"> <div class="son1"></div> <div class="son2"></div> </div></body>css样式 .father{ background-c
复制链接

扫一扫