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

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

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

1个回答

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

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
html中设置父div的透明度不影响子div透明度
在设置div的透明度的时候发现设置了父div的透明度(opacity=0.5),子div的透明度也随着改变了,并且设置子div的透明度不起作用,这种情况下可以使用rgba来设置父div的透明度:例如设置div黑色半透明,可以设置div的background:rgba(0,0,0,0.5)
子div的高度未撑起父div,并跑到父div外部的解决办法
很实用的方法,我已经解决了自己的问题:点击打开链接
关于自适应屏幕,设置子元素浮动,父div不能包裹子div,子元素中内容溢出的问题。
HTML适应不同分辨率的屏幕,其中关于float的问题。
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:蓝色值。正整数| 百
html和css实现透明div上的div不透明,也可说父div透明,子div不透明
css:实现透明div上的div不透明,也可说父div透明,子div不透明,但这里并不是严格的父子关系,只是看起来像是父子关系。 一、方法一: (1)代码片段:... <style> div.background { width:500px; height:250px; margin:
子div在父div中居中。
看到一个好方法,转载来。
嵌套盒子,让子div在父div中居中
html> html lang="en"> head> meta charset="UTF-8"> style> #parent{ width: 300px; height: 300px; background-color: #cccccc; overflow: hidd
实现子div在父div的底部
转自:出处 ·思路及要点: 父div的位置设置成相对的,即“position: relative;”。 而子div的位置设置成绝对的,并且下边缘设为0,即“position: absolute; bottom: 0;”。  · 代码:     子div在父div中置底             .father { width: 500px; hei
如何使一个元素位于其他元素表面而不挤压页面造成页面平移
今天主要要说的是实现下面这个功能的过程中遇到的问题。 这个需求是这样的:给链接加一个hover事件,当鼠标移上去的时候,显示弹框。当鼠标移开的时候,弹框消失。 这篇博客将一个问题:如何使一个大弹框在一个很小的空间里完全铺开,并且不挤压其他元素使页面平移。 正常如果我们把这个div放在链接上面,它会把链接挤到最下面(如下图1)。如果我们把它放在链接下
父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布局的时候不影响其他布局
http://bbs.csdn.net/topics/390917127 http://zhidao.baidu.com/link?url=8T1LNNS9m7vfUoPPDBGOeuOfZ_4H6l4nvGT5Ze4F5zPHVMmufrhdRK3EGlEMhnqyIpT23wUx6DvoBWoyL_kZme1r7lq7Hf3KUYncOvOBf0m http://www.divcs
如何让子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,父div的宽度不会被子div撑开
for example: 像上面这样简单的html代码,你可能会很直接的算出,div1的宽度和高度是子div之和,但是事实却不是这样的,你会发现,div1的宽度为body的宽度,高度为0. why? 尼玛毫无人性啊,这不是父div包含了两个子div,父的宽度应该会被撑开的啊? 但是,两个子div他是float的,由于他们float了,脱离的正常的文档流,也就脱离了父div的控制,也
子div 遮盖 父div
在开发页面UI有这么一个要求,要对图片有一个遮盖的效果,表示活动已经结束,   自己根据这个要求写了一个demo,仅供学习参考   例子:子div实现透明效果遮盖父div $(function(){ console.log($(".parent").height()); console.log($(".parent").width()); $("
html+css实现子div在父div中居中
html+css 在各种情况下实现子div在父div中居中。
div布局-子容器设置浮动对于父容器高度自适应产生影响的解决办法
1.在父容器结束前面加并对此设置clear清除浮动 2.给父容器设置overflow属性并且赋值为hidden
margin-top在什么情况下会影响父div
今天练习制作各式各样的菜单,但是想着既然全部都是菜单,为何要建那么多文档,放在一个页面中的不同div中多好,于是就写了如下代码: <!DOCTYPE html /> <html> <head> <title>纵向菜单</title> <style type="text/css"> *{margin:0;padding:0;} #listmenu{wid
实现子div在父div中垂直居中
1、改变布局流,此时水平方向居中失效 *{ margin:0; padding:0; } .father{ width:100%; height:200px; background-color: brown; writing-mode: vertical-lr; } .child{ width:500px; he
Jquery:如何让子窗口的div显示在父窗口之上
leftiframe中的jQuery操作mainiframe的内容someID的内容
浅谈设置父元素透明度不影响子元素透明度
设置父元素opacity:0.5,子元素不设置opacity,子元素会受到父元素opacity的影响,也会有0.5的透明度。 即使设置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基础上设置的,因此子元素的opacity还是0.5。 解决方法:为父元素设置background: rgba(0,0,0,0.5)。
css - 防止float浮动效果影响下面div布局
为了防止float,min-height等具有浮动效果的代码影响上下的div样式布局,可以要加上一个空白的div,其css属性为clear 其 css要用 : .clear { clear: both; }
子div在父div中置底
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">     子div在父div中置底             .father { width
子元素scroll父元素容器不跟随滚动(JS实现),子元素内滚动条没有(css实现)
子元素scroll父元素容器不跟随滚动 先上代码: if (direction == 'up' && scrollTop == 0) { event.preventDefault() } 不顶用之(谷歌和火狐中,子元素滚动到边界的时候,父元素不滚动了;但是。。。到IE时,“滚动高度直接跳过了0,直接把父元素给滚了”-----来自张鑫旭博客)。 所以,张鑫旭大神的
解决子div撑不开父div
解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法。 方法一:推荐 设置父div的overflow:hidden; 方法二: 父div结束前增加一个空div style=”clear:both;” .clear { clear:both; } 方法三:由方法二变换:
[css]如何让一个元素div1的宽度由子元素的宽度决定,并超出父元素div0
这里针对的都是block的元素 div0 div1 div1_1 div1_2 我希望做到的比较奇葩: 主要目的是使div横排 若div0的宽度够大,超过div1_1, div1_2的总和,则可以直接使用网上搜到的解决方案:使用float:left 在div1有一个较窄的父元素的情况下,希望div1的宽度可以由子元素撑开,超过父元素的宽度。。 div1中有并列的横排div
让div父元素的高度随子元素高度的变化而变化
先看下html代码: test /* main是父元素没有设置高度,我们想让其随子元素高度的变化而变化*/ #main{width:800px; border:5px solid red;} #left{width:400px; height:200px; background:green; float:left;} #right{width:200
html子元素不继承父元素(opacity)的解决方法
给父元素设置了背景颜色加透明background-color: #000; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50);发现效果是子元素也继承了父元素的属性 字也变的透明,如果不希望这样,可以把上面的代码用下面的代码来代替background: rgba(0,0,0,.3); 效果如下图 这样字体就不会继承父元素的属性变的
子元素div高度不确定,父div自适应高度
在最外层div加以下样式 height:100%; overflow:hidden; 其它方法: Div即父容器不根据内容自适应高度,我们看下面的代码:   当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。   我们可以通过三种方法来解
子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度
一次又一次 http://www.divcss5.com/jiqiao/j612.shtml
css中解决浮动DIV撑开父层高度的问题
1) 加高法: 浮动的元素,只能被有高度的盒子关住。 也就是说,如果盒子内部有浮动,这个盒子有高,那么妥妥的,浮动不会互相影响。但是,工作上,我们绝对不会给所有的盒子加高度,这是因为麻烦,并且不能适应页面的快速变化。 1              →设置height 2                  3                  4          
让div父元素的高度随子元素高度的变化而变化!
逛CSDN博客看到一篇完美解决父级div元素高度不随子元素变化的问题。 不过博主声明未经允许不得转载,就只能发个链接了:让div父元素的高度随子元素高度的变化而变化查看原文:http://blog.simmzl.cn/2017/05/19/%e8%ae%a9div%e7%88%b6%e5%85%83%e7%b4%a0%e7%9a%84%e9%ab%98%e5%ba%a6%e9%9a%8f%e
父DIV padding和子DIV margin
在我们使用DIV创建布局的过程中,有可能遇到这种情况: 在父DIV中有一个子DIV,当我们想保持父DIV和子DIV之间保持一定距离的时候,是应该用父DIV的padding属性还是用子DIV的margin属性呢? 答案是使用子DIV的margin属性,因为padding的应用场景主要是用于控制DIV内文字与DIV的距离,如果是涉及到布局的话,一般使用子DIV的margin属性。
web 解决在父级div填充子div,父div高度自适应问题
在div中我们有时候,不可避免的回想起中添加许多子div,并且他们都是流动模式的。这样子父级里面的div,高度总是0。 要想让其自适应高度,得在父div添加。 overflow: hidden
子元素设置margin-top,父元素也受影响
外边距合并问题常见于第一个子元素的margin-top会顶开父元素与父元素相邻元素的间距,而且只在标准浏览器下 (FirfFox、Chrome、Opera、Sarfi)产生问题,IE下反而表现良好。例子可以查看下面代码(IE下表现“正常”,标准浏览器下查看出现“bug”):     子元素设置margin-top,父元素也受影响     * {         m
CSS实现父层透明,子层不透明
利用CSS中的opacity属性可以实现一些视觉效果,但是父元素设置透明属性会被子元素继承,这是不想见到的,于是通过一些设置解决这个问题。filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;解决办法是利用CSS3中的rgba()进行设置,便不会被被子元素继承,同时为了兼容IE7、IE8等浏览器,需
子元素margin-top为何会影响父元素?
问题如下 一段很简单的代码:css如下:<style type="text/css"> *{ margin: 0px; padding: 0px; } .show{ margin: 0px auto; width: 200px; height: 100p
让DIV子元素超出部分隐藏
转载自: https://www.cnblogs.com/cheney-cai/p/5949752.html 让position:absolute超出DIV溢出隐藏 通常,为了让DIV子元素超出部分隐藏,都是在父元素设置overflow:hidden,这样即可防止子元素撑开父元素,使子元素能够溢出隐藏! 但是,对于position:absolute定位的子元素,仅仅使用overflow:h...
css如何让父元素div的高度随着子元素的div的高度变动而自适应
例如:下面的div如果想father的div随着son的div自动适应搞度,只需要加上一个清除浮动的标签即可!&amp;lt;div class='father'&amp;gt; &amp;lt;div class='son'&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;br style='clear:both'/&amp;gt;&amp;lt;!--只要清除浮动即可--&amp;gt; &amp;lt;/div&amp;gt;...
css解决浮动带来的父级div高度不自动增加的问题
当设置为float时,父级不会自动计算float的高度,所以导致父级没有被float的内容撑开,下面有几种解决办法方法一、设置父级为固定高度方法二、在父级最后添加一个空的class为“clear”,div<div class="clear"></div> “clear”的css为:.clear{ clear:both} 方法三、使用after伪类(推荐)div:after{ content:".";
相关热词 c#多人合作开发项目策略 c# cad 坐标转换 c# 窗口内运行word c#线程睡眠 c# 静默打开打印机 c#获取当前路径的上一级 c# 去除线条 c# 取整倍数 c#窗体最大化控件不变 c# 程序更新程序案例