html – 如何定位div以便它呈现外部容器

概述我试图用错误消息d出div.标记如图所示 .popup{ background: #7ABC45 none; border: 1px solid #7ABC45; border-radius: 5px; -moz-border-radius:5px; font-size: 8pt; font-weight:bold; position: relative; bo 我试图用错误消息d出div.标记如图所示

.popup{    background: #7ABC45 none;    border: 1px solID #7ABC45; border-radius: 5px; -moz-border-radius:5px;    Font-size: 8pt;  Font-weight:bold;    position: relative; bottom:4px; right:4px; z-index:2; }.popuptop{height:7px; text-align:right; padding:0px 4px 2px 0;z-index:1;}.popup-message { text-align:left; padding:3px 3px 3px 3px;z-index:1; }.popup-shadow {background-color:#ccc;position: relative; bottom:4px; right:4px; border-radius:5px;-moz-border-radius:5px;z-index:1;}.popupContainer{position:relative;z-index:1;}#emailErrorAlert{position:absolute;top:-40px; left:10px;}#duplicateEmailAlert{position:absolute;top:-40px; left:10px;}#duplicateMobileAlert{position:absolute;top:-40px; left:10px;} <tr step="step1">                                    <td >                                        <span>My Mob No/Email is     </span><a href="#" >we protect your privacy</a>                                        <div >                                            <div ID="emailErrorAlert" >                                                <div >                                                    <div >                                                        <div ><a href="#" >X</a></div>                                                        <div ><p>Please Enter a ValID Email Or Mobile Phone Number</p></div>                                                            </div>                                                </div>                                                                       </div>                                                                    </div>                                        <div >                                            <div ID="duplicateEmailAlert" >                                                <div >                                                    <div >                                                        <div ><a href="#" >X</a></div>                                                        <div ><p>You may provIDe just one email address</p></div>                                                            </div>                                                </div>                                                                       </div>                                                                    </div>                                        <div >                                            <div ID="duplicateMobileAlert" >                                                <div >                                                    <div >                                                        <div ><a href="#" >X</a></div>                                                        <div ><p>You may provIDe just one mobile phone number</p></div>                                                            </div>                                                </div>                                                                       </div>                                                                    </div>                                    </td>                                                                    </tr>

div必须位于场地附近.我试图使用绝对位置定位,如上面的CSS中可以看到#duplicateMobileAlert.问题是div正在超越tr.所以,如果我改变左：10px到左：-90px大部分div消失在容器后面.我希望它能够超越tr及其容器.

我怎样才能做到这一点？有什么指针吗？

解决方法 容器还有一个父级,其中溢出被设置为隐藏,这导致了问题 总结

以上是内存溢出为你收集整理的html – 如何定位div以便它呈现外部容器全部内容，希望文章能够帮你解决html – 如何定位div以便它呈现外部容器所遇到的程序开发问题。

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