当前第2页 返回上一页
1 2 | <p id="a">
<p id="b">我要浮出去！</p></p>
|
1 2 3 4 5 6 7 8 9 10 11 | #a{
width:400px;
height:100px;
background:rgb(0, 0, 0);
position:relative;}#b{
width: 150px;
height:50px;
background:rgb(185, 155, 255);
position:absolute;
top:-30px;
}
|
效果图：
【推荐学习：css视频教程】
父元素设置 绝对定位 ，子元素设置 相对定位 ，即子元素依照父元素进行定位。
注意：只有子元素会脱离文档流，父元素是相对定位并不会脱离文档流，所以不会造成页面错位。
以上就是css怎么让元素超出父元素的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
最全的css样式整理总结
css怎么设置微软雅黑
纯css如何绘制双箭头（代码示例）
如何使用css设计出一个表单页面（附示例）
怎么解决css文件乱码问题
谈谈css实现水平垂直居中布局的方法
css中的滑动条怎么隐藏
css怎么设置文字只读且不可复制
css的优点和缺点分别是什么
css 伪类有哪些
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css怎么让元素超出父元素
