使用CSS在浮动元素中生存的方法

本文主要介绍CSS中使用浮动元素的方法,这是CSS入门学习中的基础知识,需要的朋友可以参考一下。





方法1

为绝对定位设置容器的浮动模式
然后确定容器的宽度,如500的高度300的宽度。
然后设置层的外缘。

CSS代码将内容复制到剪贴板。


div {
宽度:500px;
身高:300px;
保证金:- 00 - 250px 150px;
位置:绝对;
左:50%;
顶部:50%;
背景颜色:# 000;
}




方法二

父元素和子元素在同一时间浮动,然后父元素相对于左边移动到50%,然后子元素相对于右边移动到50%,或者子元素相对于左边移动到50%。

CSS代码将内容复制到剪贴板。



演示


P {。
职位:相对;
左:50%;
浮点数:左;
}
C {。
职位:相对;
浮点数:左;
错误:50%;
}


测试浮动元件中心