2 qiuqiu0034 qiuqiu0034 于 2014.10.05 19:57 提问

如何让子div的内容显示不受父div的影响

我有一个父级div,还有一个子级div
现在子div是一个浮动框,一般情况下是不显示的,当把鼠标放在父div的某个连接上时,子div作为浮动层显示出来
问题是父div的高度是固定的,且不能显示滚动条,不能随着子div的高度而扩展
因此我的子div显示出来之后,有一部分被父div盖住了一部分
如何让子div完全悬浮在父div上?

子div是框架自动生成的,不是我能控制的

1个回答

franzhong
franzhong   2014.10.07 17:57

子div 是框架自动生成的,不是我能控制的
这个是父div吧,你若不能控制子div还怎么让他浮在上面

你给这个子div一个属性position:absolute;z-index:100;看一下
同理还有left与top属性可能会用到,
如果父div是position:relative;的话,一般不会挡着
再如果能给父div添加个overflow:hidden;一切都解决了
试一下吧

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
html中设置父div的透明度不影响子div透明度
在设置div的透明度的时候发现设置了父div的透明度(opacity=0.5),子div的透明度也随着改变了,并且设置子div的透明度不起作用,这种情况下可以使用rgba来设置父div的透明度:例如设置div黑色半透明,可以设置div的background:rgba(0,0,0,0.5)
html中子div用了浮动怎样让父div的大小自动撑开(清除浮动)
html中子div用了浮动怎样让父div的大小自动撑开(清除浮动)
css父级div设置了透明度,子级也出现透明度的解决方法
由于父级div使用了opacity设置透明度,使子级div也继承了透明度 我的解决方法是使用rgba,background-color:rgba(245,224,199,0.7),0.7是透明度,由于rgba是css3的属性,所以必须是支持css3的浏览器才能支持rgba 语法: R:红色值。正整数 | 百分数 G:绿色值。正整数 | 百分数 B:蓝色值。正整数| 百
关于自适应屏幕,设置子元素浮动,父div不能包裹子div,子元素中内容溢出的问题。
HTML适应不同分辨率的屏幕,其中关于float的问题。
子div在父div居底【已使用】
转自:http://blog.sina.com.cn/s/blog_92d6237201016jhs.html 简单的一个需求, 映射着常常被忽略的知识啊。 上次面试没写出来,得学习。 ·思路及要点: 父div的位置设置成相对的,即“position: relative;”。 而子div的位置设置成绝对的,并且下边缘设为0,即“positi
父div随着子div的高度改变而改变
父div随着子div的高度改变而改变问题情况1:父div未设置高度,子div为标准流(即未设置浮动)<body> <div class="aa">父div <div class="bb">子div</div> <div class="cc">子div</div> </div> </body>此时的父div随着子div的改变而改变 情况2:父div设置
子div 遮盖 父div
在开发页面UI有这么一个要求,要对图片有一个遮盖的效果,表示活动已经结束,   自己根据这个要求写了一个demo,仅供学习参考   例子:子div实现透明效果遮盖父div $(function(){ console.log($(".parent").height()); console.log($(".parent").width()); $("
如何让子div在父div中水平居中?
http://zhidao.baidu.com/question/1366818280011827819.html html> head> style> #box{     border: 1px solid gray;     width: 100%; }  #zhongjian{     height: 120px;      w
解决子div撑不开父div
解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法。 方法一:推荐 设置父div的overflow:hidden; 方法二: 父div结束前增加一个空div style=”clear:both;” .clear { clear:both; } 方法三:由方法二变换:
html和css实现透明div上的div不透明,也可说父div透明,子div不透明
css:实现透明div上的div不透明,也可说父div透明,子div不透明,但这里并不是严格的父子关系,只是看起来像是父子关系。 一、方法一: (1)代码片段:... <style> div.background { width:500px; height:250px; margin: