Css 使用另一个div修剪div无效

Css 使用另一个div修剪div无效,css,html,Css,Html,我正在尝试移动另一个div中的div,以便可以“修剪”第一个div的底部(如果“修剪”不是正确的术语,我很抱歉) div id=“ClockObj”位于div id=“ClockFrame”内部,我希望修剪div id=“ClockObj”底部零件 不管怎样,在这之后,我试图完成我想要的,但没有成功 Html代码: <div id="Main"> <table width="100%" cellpadding="0" cellspacing="0">

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

div id=“ClockObj”
位于
div id=“ClockFrame”
内部,我希望修剪
div id=“ClockObj”
底部零件

不管怎样,在这之后,我试图完成我想要的,但没有成功

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=“ClockObj”

这里有什么问题

以下是我想要实现的目标,但就我而言,这是一部flash电影,而不是一个区块引用:
这解决了我的问题:

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

归功于:Darren


我完全不知道您想要实现什么。不确定您想要做什么,但我建议您停止使用表格进行布局。这不会解决你当前的问题,但会对你的业力健康有所帮助。@SvenBieder正是我发布的链接中所描述的内容,即块引号被剪裁的部分,但在我的例子中,我想通过flash电影实现同样的目标。@有人说,我没有在给定链接上找到块引号的示例,但这是剪辑的规格。在您的代码中,我看不到您试图剪辑某些内容。@svenbider请参阅链接中的
11.1.1溢出:溢出属性一节http://www.w3.org/TR/CSS2/visufx.html#clipping
这就是我试图用
div id=“ClockFrame”
div id=“ClockObj”
#Main
{
    width: 980px;
    height: 550px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #000000; 
    overflow: hidden;
    background-color: #D8E4F8;
}