Question

好的，这就是我的问题：我正在尝试建立一个单页组合/自由网站[插画/平面设计师，只有非常基本的网页设计技巧]，后来将包括一个平滑的滚动功能。它包含顶部[灰色矩形]的固定导航栏，我有4个不同的部分/ div [黑色矩形]，包含在内容父div [红色矩形]中。我一直在杀死自己找到一种方法让我的内容父母div伸展100％宽度[身高会好，但我不那么担心]但是由于某种原因，有一个小小的额外无论我尝试什么，都在周围的空间[绿色区域]。

这里的HTML：

    <body>
<div id="main">
    <div class="container clearfix">        
        <div id="navbar">
            <div id="nav-anchor"></div>
            <nav>
                <ul>
                    <li><a href="#about">About</a></li>
                    <li><a href="#portfolio">Portfolio</a></li>
                    <li><a href="#about"><img src="../ALJUNxMILJUN/version-1.png" height="45px" /></a></li>
                    <li><a href="#services">Services</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </nav>
        </div>


        <div id="content">
            <section id="about">
                blah blah blah
            </section>
            <section id="portfolio">
                blah blah blah
            </section>
            <section id="services">
                blah blah blah
            </section>
            <section id="contact">
                blah blah blah
            </section>
        </div>
    </div>
</div>


</body>

以及问题部分的CSS [不包括导航CSS因为它没有造成任何问题]：

#content {
    width:100%;
    padding:0;
    margin: 52px 0 0 0;
    border: 1px solid red;
}

#about {
    border: 1px solid black;
    height: 760px;
}

#portfolio {
    border: 1px solid black;
    height: 760px;
}

#services {
    border: 1px solid black;
    height: 760px;
}

#contact {
    border: 1px solid black;
    height: 760px;
}

这就是我的代码/ css现在看起来如何，剥离到基本。在某些时候，父母确实有100％的宽度，并确实拉伸，但后来我做了一些事情，似乎无法弄清楚是什么。

父div周围的无法解释和不需要的空间

0 个答案: