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

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

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

CSS代码将内容复制到剪贴板。
div {
宽度:500px;
身高:300px;
保证金:- 00 - 250px 150px;
位置:绝对;
左:50%;
顶部:50%;
背景颜色:# 000;
}

方法二

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

CSS代码将内容复制到剪贴板。
演示
P {。
职位:相对;
左:50%;
浮点数:左;
}
C {。
职位:相对;
浮点数:左;
错误:50%;
}
测试浮动元件中心
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部