html div防止最底部,HTML div忽略边缘底部的div

这有点令人困惑的解释，但我会给它一个镜头。基本上，我在一页上有3个'主'div。第一个是导航栏，第二个是搜索框，第三个是内容框。HTML div忽略边缘底部的div

我希望他们是另一个下，所以navbar>搜索框>内容框。我遇到的问题是，当我将margin-top: 10px;设置为内容框时，它直接位于导航栏下方，而不是搜索框。它似乎忽略了搜索框，我不能为了工作而生活。我对这一切都很陌生，所以如果这是一个新手的错误，请耐心等待。

谢谢！

Search

#navbar {

background: url(images/navbarbg.png);

width: 100%;

height: 55px;

line-height: 20px;

margin: 0;

white-space: nowrap;

display: inline-block;

}

#search {

display: block;

width: 920px;

height: auto;

background: #fff;

font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;

padding: 5px;

position: absolute;

top: 65px;

left: 50%;

margin-left: -462px;

border-top-left-radius: 5px 5px;

border-top-right-radius: 5px 5px;

border-bottom-left-radius: 5px 5px;

border-bottom-right-radius: 5px 5px;

-moz-box-shadow:0px 0px 1px 1px rgba(50, 50, 50, 0.75), inset 0 -5px 5px -5px #000000;

-webkit-box-shadow:0px 0px 1px 1px rgba(50, 50, 50, 0.75), inset 0 -5px 5px -5px #000000;

box-shadow:0px 0px 2px 1px rgba(50, 50, 50, 0.75), inset 0 -5px 5px -5px #000000;

}

#content {

width: 920px;

height: auto;

margin-top: 10px;

background: #fff;

font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;

padding: 5px;

position: absolute;

left: 50%;

margin-left: -462px;

border-top-left-radius: 5px 5px;

border-top-right-radius: 5px 5px;

border-bottom-left-radius: 5px 5px;

border-bottom-right-radius: 5px 5px;

-moz-box-shadow:0px 0px 1px 1px rgba(50, 50, 50, 0.75), inset 0 -5px 5px -5px #000000;

-webkit-box-shadow:0px 0px 1px 1px rgba(50, 50, 50, 0.75), inset 0 -5px 5px -5px #000000;

box-shadow:0px 0px 2px 1px rgba(50, 50, 50, 0.75), inset 0 -5px 5px -5px #000000;

}

+2

你能粘贴你的HTML吗？ –