清除浮动的css写法有哪些
时间:2019-07-25 15:25来源:建站学 作者:liang 点击:
次
本文通过图文并茂的形式给大家介绍了CSS浮动与清除浮动的实例代码，非常不错，具有一定的参考借鉴价值，,需要的朋友可以参考下 本文通过图文并茂的形式给大家介绍一、float（浮动）是什么 float 属性定义元素在哪个方向浮动。 float:left 元素向左浮动。 flo
本文通过图文并茂的形式给大家介绍了CSS浮动与清除浮动的实例代码，非常不错，具有一定的参考借鉴价值，,需要的朋友可以参考下
本文通过图文并茂的形式给大家介绍一、float（浮动）是什么
float 属性定义元素在哪个方向浮动。
float:left 元素向左浮动。
float:right 元素向右浮动。
float:none 默认值。元素不浮动，并会显示在其在文本中出现的位置。
float:inherit 规定应该从父元素继承 float 属性的值。
看一段简单的代码：CSS浮动与清除浮动的实例代码，非常不错，具有一定的参考借鉴价值，,需要的朋友可以参考下
<div class="child1">左浮动</div>
<div class="child2">右浮动</div>
<div class="child3">喵</div>
.child1 {
float: left;
height: 500px;
width: 70%;
background: #aa0;//黄
}
.child2 {
float: right;
height: 300px;
width: 30%;
background: #0aa;//青
}
.child3 {
background: #a0a;//紫
}
|
(责任编辑：yang) |
织梦二维码生成器
------分隔线----------------------------
