首页 > 代码库 > CSS彻底研究(3) - 浮动,定位
CSS彻底研究(3) - 浮动,定位
Github pages 博文
CSS彻底研究(3)-浮动,定位
一 . 浮动float
I . 定义及规则
float默认为none,对应标准流的情况。当
;
II . 演示规则
准备代码 ```
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> #father
{
background-color: cyan;
/*父级div 没有定位 造成子div的margin-top传递给父级*/
position: absolute;
}
#father *
{
margin: 10px;
padding: 10px;
border: 1px dashed red;
}
#son1
{
}
#son2
{
}
#son3
{
}
</style>
<body>
#son1
#son2
#son3-son3son3son3
这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字