使用CSS在浮动元素中生存的方法
本文主要介绍CSS中使用浮动元素的方法,这是CSS入门学习中的基础知识,需要的朋友可以参考一下。方法1
为绝对定位设置容器的浮动模式
然后确定容器的宽度,如500的高度300的宽度。
然后设置层的外缘。
CSS代码将内容复制到剪贴板。
div {
宽度:500px;
身高:300px;
保证金:- 00 - 250px 150px;
位置:绝对;
左:50%;
顶部:50%;
背景颜色:# 000;
}
方法二
父元素和子元素在同一时间浮动,然后父元素相对于左边移动到50%,然后子元素相对于右边移动到50%,或者子元素相对于左边移动到50%。
CSS代码将内容复制到剪贴板。
演示
P {。
职位:相对;
左:50%;
浮点数:左;
}
C {。
职位:相对;
浮点数:左;
错误:50%;
}
测试浮动元件中心