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

问题描述

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

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

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

解决方案

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

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

时间： 2024-10-30 02:54:09

浮动-如何让子div的内容显示不受父div的影响的相关文章

javascript-JavaScript 动态生成 一组按钮 和div 切换按钮 显示相对应的 div

问题描述 JavaScript 动态生成 一组按钮 和div 切换按钮 显示相对应的 div 如动态生成ABC三个按钮 A对应的为a1,a2 ,a3 三个div 显示 当单击B按钮时 只显示B1,B2,B3三个div , 当单击C按钮时 只显示C1,C2,C3三个div 解决方案 直接加个onclick事件 js里写个show(判断参数){用jquery的话就简单点 if(判断条件){$("#id").show();....hide();后面自己写}if(){}......} 解决方案

css-子div在父div中右对齐的方法。

问题描述 子div在父div中右对齐的方法. 在父div中,有多个子div,是垂直分布的,中间隔着,怎么让子div在父div或者说在其容器中向右靠?如果想还想空一点位置出来,应该怎么设置? 解决方案 <div style="height: 300px;width: 300px;background-color: yellow;padding-right: 10px;"> <div style="height: 100px;width: 60%;backgro

jsp-div中内容显示不完全，滚动条不能出现！急！！！！

问题描述 div中内容显示不完全,滚动条不能出现!急!!!! <%-- --%> <c:forEach items="${page.items }" var="t" varStatus="index"> <div style="padding-left:50px;"> <span > <label style="float:left;"><f

图片在固定div组中自适应并撑满div格如何实现(内详)?

问题描述 标题可能描述不太清除,这里详细说明:前置1:图片来源于用户,大小不确定,宽高比不确定前置2:一块固定的div缩略去显示1-9张图片,外层div格式固定,1-9张图片的格子div划分也固定(9张图片的时候类似九宫格). 如果我图片按照宽度去等比缩放,溢出的高度通过css overflow:hidden去隐藏,部分图片可以达到效果.宽度既全部压缩,高度只显示部分,无变形. 问题来了: 但是有部分图片因为高度随着适应宽度进行等比缩放,缩放后的高度已经无法撑满显示这张图片的div.就会留白..

浮动的div自适应居中显示的js代码

 这篇文章主要介绍了浮动的div自适应居中显示的js代码,有需要的朋友可以参考一下 当div是浮动的时候浏览器窗口发生变化的时候不能居中显示(因为浮动的时候一般设定的有left或者right值)   可以先用jquery获取外围的div随浏览器变化而变化的宽度(加上监听事件)   之后再获取div的宽度 例如:   代码如下: function autoWidth(){        var bW = $(".call_man").width();//外围的div      var p

div滚动条-div内容显示不全，即使设置了滚动条样式？

问题描述 div内容显示不全,即使设置了滚动条样式? div内容显示不全. 如果设置了style="height:700px; overflow:auto;",那么会出现滚动条,也可以看到比之前更多的内容,但是还是有一些内容没有显示出来. 这可能是什么原因导致的? 注:测试了谷歌浏览器和火狐浏览器,都是一样的情况. 解决方案 div 设置样式 显示滚动条谷歌浏览器滚动条样式设置DIV滚动条显示 解决方案二: 你的布局和css样式呢? 解决方案三: 你的布局和css样式呢? 解决方案四:

jquery让返回的内容显示在特定div里(代码少而精悍)_jquery

前面写过ajax让返回的内容显示在特定div里最近在看jquery,所以又用jquery重新写了个,jquery果然是"写得更少,做得更多" <html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

有一个div,高度190px,div的内容超过了本身的高度，我想隐藏前面的内容，显示最后的内容，牛人告诉我该怎么做...

问题描述 如题,在线等>....速度求 解决方案 解决方案二:设置竖向滚动到最底解决方案三:我就是不想用滚动条,当div的内容高度大于div本身高度时,增加一倍div的高度,但显示的内容应该是190px到380px的内容,而0至190px的内容隐藏,最好是用jquery产生动画滑动效果解决方案四:<scripttype='text/javascript'src='jquery-1.4.2.min.js'></script><divid="div1"s

将两个div左右并列显示并实现点击标题切换内容_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN">