CSS+DIV：父DIV相对定位+子DIV绝对定位

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS+DIV：父DIV相对定位+子DIV绝对定位相关的知识，希望对你有一定的参考价值。

如何在一个div内将一个div进行绝对定位呢？很简单，把父div的position属性设为relative，子div的position属性设为absolute就可以了。。。

示例：

技术分享
<html>
<body>
<div>xxxxx<div>
<div style="border:1px red solid;width:100%;height:50px;position:relative">
<div style="border:1px red solid;width:20px;height:20px;position:absolute;right:0;top:0">x<div>
<div>
</body>
</html>
技术分享

效果：

技术分享

 

 
 

以上是关于CSS+DIV：父DIV相对定位+子DIV绝对定位的主要内容，如果未能解决你的问题，请参考以下文章

div css怎么让子容器超出父容器

对于div隐藏css中有哪几种方式定义相对和绝对有啥区别啊

css 布局布局定位心得

如何在绝对元素之后放置相对元素并导致父 div 扩展以适合子元素？

【DIV+CSS】div 子容器大于父容器宽度

div+css中 父容器用position:relative; 定义，子容器用position:absolute定义 。父容器不能高度自适应