0 
 <body>
  <div id="naslov">
    <img src="image/Conto_logo.png" title="Conto Regis" alt="contologo" />
  </div>
  <div id="izbornik">
    <div id="home">
    </div>
  </div>
</body>

 body {
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size:1.0em;
    font-weight:100;
    margin:0px;
    color:#000;
}
div#naslov {
    height: 128px;
    width: 100%;
    background-image: url(../image/Header.png);
    background-repeat: repeat-x;
}
div#naslov > img {
    cursor:pointer;
    height: 80px;
    margin:20px 0px 0px 20px;
}
div#izbornik {
    width:100%;
    height: 45px;
    background-image: url(../image/izbornik.png);
    background-repeat: repeat-x;
}
#home{
    height:27px;
    width:28px;
    border:#000 1px dashed;
}

当我使用margin-top 将div“home”拉低一点时，我在div“izbornik”中定位div“home”时遇到了问题，发生了一些奇怪的事情。Dreamweaver 显示它很好，而 IE10 和 Chrome（最新）显示它就好像我在 div "izbornik" 中使用了 margin-top。有趣的是，如果将 div "home" 设置为浮动：左边距开始正常，但我不知道为什么，稍后模板完成后我将使用一些 javascript，我需要页面非常稳定。有什么建议么？ http://jsfiddle.net/xNrGR/6/ => 简而言之，为什么那里会出现 8px 的差距？我需要 div“家”而不是整个父子组合

4

2 回答 2

1

添加overflow:auto到#izbornik. 似乎是一个崩溃的边距问题。

div#izbornik {
    width:100%;
    height: 45px;
    background: red;
    background-repeat: repeat-x;
    overflow:auto;
}

jsFiddle 示例

于 2013-08-23T17:15:02.527 回答
0

这是崩溃的利润。您可以通过设置overflow: auto或overflow: hidden到父 div 来解决此问题。根据您拥有的内容，这可能会给某些用户带来问题。

另一种选择是给父 div 一个边框。如果您将边框设置为与背景相同的颜色，则不会引人注目。当人们使用 1px 边框时，他们通常也使用边距 -1px。这些只是解决问题的一些方法。

演示http://jsfiddle.net/kevinPHPkevin/xNrGR/9/

border: thin solid red;

于 2013-08-23T17:27:21.877 回答