Html CSS布局的问题_Html_Css - Fatal编程技术网

Html CSS布局的问题

html css

Html CSS布局的问题,html,css,Html,Css,我想知道为什么我的右导航div对CSS中的任何内容都没有响应 HTML: 这是因为您在HTML中指定了正确的div aclass，但在CSS中指定了一个id，请将两者更改为一个或另一个，问题应该得到解决。将更改为谢谢您的帮助：）。我需要一个同行评议，当它接近尾声时，我似乎简单地犯了一些相当愚蠢的错误。@AustinDavis这很好，在某个时候发生在我们所有人身上，伙计！谢谢，这是正确的，很遗憾，我将不得不得到用户1394965的答案，因为他/她首先发布。 <body> <

我想知道为什么我的

右导航

div对CSS中的任何内容都没有响应

HTML:

这是因为您在HTML中指定了正确的div a

class

，但在CSS中指定了一个

id

，请将两者更改为一个或另一个，问题应该得到解决。

将

更改为

谢谢您的帮助：）。我需要一个同行评议，当它接近尾声时，我似乎简单地犯了一些相当愚蠢的错误。@AustinDavis这很好，在某个时候发生在我们所有人身上，伙计！谢谢，这是正确的，很遗憾，我将不得不得到用户1394965的答案，因为他/她首先发布。

<body>
    <div id="header">Header</div>
    <div id="main-wrap">
        <div id="sidebarwrap">
        <div id="nav">Left Nav</div>
            advertisment pictures
        </div>
    <div id="content-wrap">
        <div id="picture-wrap">
        <div class="info">Picture</div>
        </div>
            <div id = "Content"><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p></div>
            <div class ="Right-nav"><p>right-nav</p></div>
        </div>
    </div>
    <div id="footer">Footer</div>
</body>

/**
 * custom layout
 */

#header,
#footer {
    background-color: #f1f1f1;
    width: 60%;
    margin: 0 auto;
}

#main-wrap {
    background-color: #D9D9D9;
    width: 60%;
    margin: 0 auto;
}

#sidebar {
    background-color: #d2d2d2;
}

#content-wrap {
    background-color: #c5c5c5;
}

.info {
    background-color: #DDD;
}
.info + .info {
    background-color: #e6e6e6
}


/* sizes */
#main-wrap > div {
    min-height: 450px;
}


#header,
#footer {
    min-height: 40px;
}

.info {
    min-height: 80px;
}

/* layout */

#main-wrap {
/* overflow to handle inner floating block */
    overflow: hidden;
}

#sidebarwrap {
    float: left;
    width: 30%;
    overflow:hidden;
    background-color:blue;
}

#nav{
    min-height: 80px;
    background-color: red;
}

#content-wrap {
    float: right;
    width: 70%;
    overflow:hidden;
    background-color:blue;
}

#Content{
    float:left;
    width:40%;
    min-height:370px;
    background-color:red;
}

#Right-nav{
    background-color:red;
}

#picture-wrap {
/* overflow to handle inner floating block */
    overflow: hidden;
}

.info {
    width:100%;
    float: left;
}