填充当浮动对象元素是内部

我有以下HTML：填充当浮动对象元素是内部

<div class="wrapper"> 
    <div id="header"> 
     <img alt="Giannis Simeonidis" src="logo2.png" width="300" height="220"/> 
     <object width="550" height="200" id="banner"> 
      <param name="movie" value="banner.swf" /> 
      <embed src="banner.swf" width="550" height="200" 
        wmode="transparent" 
        type="application/x-shockwave-flash"> 
      </embed> 
     </object> 
     <div id="menu"> 
      <object width="600" height="20"> 
      <param name="movie" value="menu.swf" /> 
      <embed src="menu.swf" width="600" height="20" 
        wmode="transparent" 
        type="application/x-shockwave-flash"> 
       </embed> 
     </object> 
     </div> 
    </div><!--End of header--> 
</div>

和CSS是：

#wrapper{ 
/*background: url(header_bg.jpg) repeat-x;*/ 
background: url(container_bg2.png) repeat-y; 
margin: 0 auto; 
margin-top: 20px; 
width: 900px; 
} 


#header{ 
width: 900px; 
padding: 0 10px; 
} 

#banner{ 
float: right; 
} 

#menu{ 
clear: right; 
padding-left: 13px; 
}

出于某种原因，施加到的#header右侧填充不工作;有任何想法吗？

来源

2010-10-24 pavlos

你可以给一个简单的代码清楚地说明问题。当前的代码加载的图像和对象（当然它不能在我的本地计算机上） – 2010-10-24 16:22:11

header { width：900px;填充：0 10px; } – pavlos 2010-10-24 16:47:29

问题在于这部分代码。 10px的填充只适用于左侧，右侧不受影响。 – pavlos 2010-10-24 16:48:18

包装的宽度是900px。标题的宽度为900px + 10px左侧填充+ 10px右侧填充 = 920px。

您试图在900px div内适合920px div。要么使包装更宽到920px或标题缩短到880px。

来源

2010-10-24 23:42:52

填充当浮动对象元素是内部

回答

相关问题