css中清除浮动影响

最新推荐文章于 2025-05-20 10:04:41 发布

翻译最新推荐文章于 2025-05-20 10:04:41 发布 · 219 阅读

本文详细介绍了HTML与CSS在网页布局中的应用技巧，包括如何使用浮动属性和清除浮动的方法，以及如何通过内联样式实现元素的精准定位。通过具体实例展示了如何创建多列布局，并保持页面元素的整洁与美观。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
    <title>bstore.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    
<style type="text/css">

在head中添加这两句

————————————————————————————————
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{*zoom:1}

————————————————————————————————
                  .top_1{


                                    float: left;
                  }

}
</style>
</head>

<body>

在父类中添加clearfloat

——————————————

</div>

</body>