IE6下如何让子DIV在父DIV外显示，而不撑开父层。CSS+DIV
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了IE6下如何让子DIV在父DIV外显示，而不撑开父层。CSS+DIV相关的知识，希望对你有一定的参考价值。
附上代码：
<body>
<div style="width:100px;height:100px;border:1px black solid;">父层 <div style="width:50px;height:50px;border:1px black solid;margin-left:105px;">子层</div></div>
</body>
IE6下父层被撑开：
IE 7 8下，子层在父层的外面：
噢。
我才学的CSS,html也刚学不久。
补充我想做的效果。
平时子层隐藏（display:none）
当鼠标划过父层，子层在父层旁边显示。
或者有没有可能，两个同级的DIV，当鼠标经过DIV1的时候DIV2弹出显示呢！DIV2平时隐藏！
除了绝对定位还有其他方法吗？
<body>
<div style="width:100px;height:100px;border:1px black solid;overflow:hidden">父层
<div style="width:50px;height:50px;border:1px black solid;">子层</div></div> </body> 参考技术B 饿，你既然要子div在外面显示，为什么要放到他父div呢，为什么不放到哪个父div的外面去了，放成平行的撒，为什么要去这样折腾，你这样做本身就不是对应w3c标准，肯定会出错，买这样不是自找麻烦嘛，如果这样要这样做那么用绝对定位本回答被提问者采纳 参考技术C 用绝对定位吧，这样就可以达到你要的效果了。 参考技术D 加上一个clear
清空的DIV
.clearclear:both; margin:0;padding:0;font-size:0
Jquery：怎样让子窗体的div显示在父窗体之上
<1> js或者jQuery訪问页面中的框架iframe.
注意:框架内的页面是不能跨域的! 如果有两个页面,在同样域下.
如果：父窗体 index.html ，有id 为 subifrm 的iframe
1. 在index.html运行JS直接訪问子窗体中某元素:
document.getElementById(‘subifrm‘).contentWindow.document.getElementById(‘test‘).style.color=‘red‘
2. 利用jquery 来訪问子窗体
$("#subifrm").contents().find("#test").css(‘color‘,‘red‘);
====================================================================
====================================================================
<2> 用DOM方法与jquery方法结合的方式实现互动操作
1.在父窗体中操作 选中IFRAME中的全部单选钮
$(window.frames["iframe1"].document).find("input[@type=‘radio‘]").attr("checked","true");
2.在IFRAME中操作 选中父窗体中的全部单选钮
$(window.parent.document).find("input[@type=‘radio‘]").attr("checked","true");
====================================================================
====================================================================
<3> 使用jquery操作iframe
1 页面里有两个ifame
<iframe id="leftiframe"></iframe>
<iframe id="mainiframe></iframe>
<iframe id="leftiframe"></iframe>
<iframe id="mainiframe></iframe>
leftiframe中jQuery改变mainiframe的src代码：
1
$("#mainframe",parent.document.body).attr("src","")
2、 假设内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"></ifame>
<iframe id="mainifame"></ifame>
ifame包括一个someID
<div id="someID">you want to get this content</div>
<div id="someID">you want to get this content</div>
得到someID的内容
$("#mainiframe").contents().find("someID").html();或者$("#mainiframe").contains().find("someID").text();
$("#mainiframe").contents().find("someID").html();或者$("#mainiframe").contains().find("someID").text();
$("#mainiframe").contents().find("someID").html();或者$("#mainiframe").contains().find("someID").text();
2 、如上面所看到的
leftiframe中的jQuery操作mainiframe的内容someID的内容
$("#mainframe",parent.document.body).contents().find("someID").html();或者$("#mainframe",parent.document.body).contents().find("someID").val();
source:
以上是关于IE6下如何让子DIV在父DIV外显示，而不撑开父层。CSS+DIV的主要内容，如果未能解决你的问题，请参考以下文章
浮动子div撑开父div的几种方法给select赋值zoom样式的含义实现select下拉框readonly