使用另一个div修剪div不起作用

时间:2013-01-17 15:00:42

标签: css html

我试图移动另一个div中的div,以便我可以"修剪"第一个div的底部(我很抱歉,如果" Trim"不是正确的术语)

div id="ClockObj"位于div id="ClockFrame"内,我希望修剪div id="ClockObj"底部。

无论如何:link,我试图完成我想要的但是没有工作。

Html代码:

<div id="Main">
        <table width="100%" cellpadding="0" cellspacing="0">
            <tr>
                <td width="85%">
                     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="837" height="92">
                        <param name="movie" value="Flash/ReceivingHeader1.swf" />
                        <param name="quality" value="best" />
                        <param name="menu" value="true" />
                        <param name="allowScriptAccess" value="sameDomain" />
                        <embed 
                            src="Flash/ReceivingHeader1.swf" quality="best" menu="true" width="837" height="92" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="sameDomain">
                        </embed>
                    </object>
                </td>
                <td width="15%" style="vertical-align:middle; background-color:#fff;"> 
                    <div id="ClockFrame" style="overflow:hidden;">
                        <div id="ClockObj" style="margin-top:50px;">
                            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="139" height="77">
                                <param name="movie" value="flash/Movie_Small.swf" />
                                <param name="quality" value="best" />
                                <param name="menu" value="true" />
                                <param name="allowScriptAccess" value="sameDomain" />
                                <embed src="flash/Clock_Small.swf" quality="best" menu="true" width="139" height="77" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="sameDomain" />
                            </object> 
                        </div>   
                    </div> 
                </td>
            </tr>
        </table>
    </div>

这里是div id="Main"

的CSS
#Main
{
    width: 980px;
    height: 550px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #000000; 
    overflow: hidden;
    background-color: #D8E4F8;
}

我无法使用div id="ClockObj" Trimmed。

这里有什么问题?

这是我想要实现的目标,但在我的情况下使用flash电影,而不是blockquote: using overflow:hidden

1 个答案:

答案 0 :(得分:0)

这解决了我的问题:

如果您试图隐藏绝对定位元素,请确保这些绝对定位元素的容器相对定位。

归功于: Darren

overflow: hidden not working