我有下面的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的正确填充无效; 有任何想法吗?

===============>>#1 票数:0

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

您正在尝试将920px的div放入900px的div中。 将包装器的宽度设置为920像素,将标头的宽度设置为880像素。

  ask by pavlos translate from so

未解决问题?本站智能推荐:

2回复

浮动元素在容器内时的填充问题

我试图通过在部分容器中添加底部填充来在页面的某些部分之间添加垂直空间,但我无法使其工作。 我认为这与我在容器中有未排序的列表并且列表项是浮动的事实有关(使用float: left; )。 我也尝试过利润而不是,但无济于事。
1回复

浮动元素会忽略填充吗?

该答案指出: 当您浮动元素时,它会有效地将其从文档流中删除, 因此在其父元素上添加填充不会对其产生影响 。 [...] MDN还指出 : 浮动元素时,它会从文档的正常流程中移除。 它向左或向右移动,直到接触其包含框或另一个浮动元素的边缘 。 好吧,以某种方
4回复

浮动元素上的填充[关闭]

如何在浮点数中添加填充:正确的项目,而不是让它搞乱一切? 填充不应该在内部而不是在外面工作? 看看绿色部分的填充会发生什么: http : //lauradifazio.altervista.org/cms/
1回复

默认情况下,浮动元素旁边是否会填充?

我已经在其中设置了一个容器和三个div。 前两个浮动,第三个浮动 。 (添加第四个div只是为了阐述我的问题) 我已经改变了前两个div的边界是透明的,以便更清楚地表明thirdDiv从firstDiv开始,同时在secondDiv之后放置自己的内容('THIRD')。 thir
1回复

浮动填充导致浮动扩展

我正在为网站创建一个简单的2列布局,但遇到了一些问题。 当我在使用float:left的列中添加填充时,float会扩展到我定义的宽度之外。 我似乎在任何地方都找不到答案。
2回复

布局问题(浮动/填充)

遇到布局问题,试图了解浮动元素以及如何定位元素。 对CSS / HTML非常新。 有人可以帮助我了解这种布局如何工作。 一些问题: 1)无法在不破坏布局的情况下更改页脚的高度,页脚似乎被向上推。 2)当我通过chrome检查页面时,页脚div包含在代码中的'wrapper'di
1回复

显示内部有多个元素,填充和边距:表格单元格延伸到父级外部

我正在使用display: table-cell以便我可以轻松地进行height:100%内部的子元素以获取100%的高度。 问题是,当我在内部具有多个元素或填充或边距时,父级不会拉伸,而是内容会戳穿。 设置overflow: hidden将不起作用,因为我需要孩子将其正确放置在父级中。
2回复

在其他div浮动的div中填充

这是JSFiddle链接: http://jsfiddle.net/stapiagutierrez/48yGU/34/ 当我使用padding: 10px; 在#middle div上,我认为这会使内部包含的div变小以适合填充。 这部分是正确的,它是从顶部和左/右推动的,但
3回复

CSS部分填充以通过背景图像浮动文本

我有背景图像,并使用填充文本。 JsBin: 例 HTML: CSS: 题: 如何仅对div的部分使用填充? 输出: 我的试用: 将空div (100x100)放在应有background-image位置,然后将float:left添加
1回复

浮动元素跨度添加空间

我有类似以下代码的内容: 出于某些原因, <div>周围的底边框与图像不齐平,等等。例如,我们得到如下信息: 图像或其他任何东西都没有问题(即图像文件中没有空格)。 通过添加background-color:blue; 在<span>的style属