html – 将div粘贴到父级的右边缘并与父级中的其他边缘重叠

概述我需要在其父div的右边缘放置一个div棒,当重新调整浏览器窗口大小时,它应该与同一父节点中的其他元素重叠,并且它们应该被隐藏. 这张图片讲述了这个故事 请注意,我不希望div有固定的位置.它应该像其他人一样滚动,元素(文本或其他)应该在它下面.就像附图一样. 我尝试了以下代码但是,它使红色div粘在其祖父母的边缘. .redarea{ position:absolute; flo 我需要在其父div的右边缘放置一个div棒,当重新调整浏览器窗口大小时,它应该与同一父节点中的其他元素重叠,并且它们应该被隐藏.

这张图片讲述了这个故事

请注意,我不希望div有固定的位置.它应该像其他人一样滚动,元素(文本或其他)应该在它下面.就像附图一样.

我尝试了以下代码但是,它使红色div粘在其祖父母的边缘.

.redarea{    position:absolute;    float:right;}

完成这项工作的方法是什么？

解决方法 这个完全符合你的要求

#parent{  border:1px solID red;   wIDth:100%;   height:60px;   position:relative;  white-space: nowrap;  overflow: hIDden;}#rightchild{  top: 0;  wIDth:100px;   right:0;   bottom: 0;  background:red;   position:absolute;}

<div ID="parent" >	<p>This area is getting hIDden This area is getting hIDden This area is getting hIDdenThis area is getting hIDden</p>	<div ID="rightchild">	</div></div>

总结

以上是内存溢出为你收集整理的html – 将div粘贴到父级的右边缘并与父级中的其他边缘重叠全部内容，希望文章能够帮你解决html – 将div粘贴到父级的右边缘并与父级中的其他边缘重叠所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。