填充當浮動對象元素是內部

我有以下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

填充當浮動對象元素是內部

回答

相關問題