Question

我搜索了论坛和老谷歌，并找到了很多答案，但似乎没有在我的页面上工作。无论如何，这是一个问题，

我有两个并排放置的div，我希望摆脱空白

www.blisshair.com.au/test.html:(http://www.blisshair.com.au/test.html）

我希望黑色从“链接1”加入到中心的主要内容，

非常感谢任何帮助，

谢谢。

编辑：尝试在Internet Explorer 8中打开，看起来我想要它的顶部，除了2个底部div没有排队，是否可以使用UL和SPAN标签执行此操作？我的目标是标签式外观，例如，当你点击链接2时，链接2周围的背景变黑并且黑色“流动”进入主要内容页面，对不起，如果这没有意义，早在上午：D

再次感谢

Answer 1

对于初学者：不要以非语义方式使用表，并且在可以避免使用内联样式时不要使用。

您有一个链接列表，因此请将您的链接放在列表中：

<ul>
  <li><a href="...">Link 1</a></li>
  <li><a href="...">Link 2</a></li>
  <li><a href="...">Link 3</a></li>
  ...
</ul>

您遇到的问题是您只将产生背景颜色（menu1）的类放在表格的第一项上。

您应该为您的父项目提供类或ID：

<ul id="nav">...

然后给整个导航带一个背景颜色（你还必须记住摆脱导航板上的默认填充和边距）：

#nav
{
  background-color: #000000;
  margin: 0;
  padding: 0;
}

Answer 2

您可以查看css重置，例如：http://meyerweb.com/eric/tools/css/reset/

基本上，浏览器默认在div元素或具有自己的“块”（h1，h2和其他几个）的元素之间有边距或填充。

您需要将保证金和填充级别设置为零，作为启动器。

Answer 3

Zounds！

Is this a solution?当然是这样！

又快又脏：

将菜单浮动并给它100px宽度;
对内容使用左边距，不要浮动;
在菜单和内容的容器上使用背景颜色;
如果这已成为一个问题，请意识到你将遇到多少麻烦;
坚持不懈，也就是说不要放弃，没有人知道它！：）

越难，你学的越多。期待很多学习。：）

HTML：

<h1 id="header"><a href="#"><img src="FancyHairLogo.png" alt="ZOMG PURTY HAIR" /></a></h1>
<div id="textContainer">
    <ul id="menu">
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
    </ul>
    <div id="content">
        <h2>WELCOME TO BLISS HAIR EXTENSIONS!</h2>
        <p>
            this is the homepage of bliss hair extebnsions, please check back soon as we are contionously updating the content on this page!
        </p>
        <p> etc ... </p>
    </div>
</div>

CSS：

body {
    background-color: #666;
}

#header {
    text-align: center;
    margin-bottom: 20px;
}

#header a img {
    border: dashed 1px gray;
}

#textContainer, #header * {
    background-color: black;
    color: white;
}

#menu {
    float: left;
    width: 100px;
}
#content {
    margin-left: 100px;
}

问题

“标题的顶部不会与菜单的顶部对齐！”
- 是的，因为相邻的边界会崩溃而且更大的适用。
- 使用像content>h2:first-child { margin-top: 0px; }这样的css规则来快速破解它，但要确保了解正在发生的事情，它将为您节省时间和时间。

div之间不需要的空间 - HTML，CSS

3 个答案:

问题