Question

我正在试用YouTube的指南，但我无法在屏幕上显示right_aside和left_aside元素。我一直在找几个小时，我找不到问题。我错过了什么？

这是我的HTML：

<!DOCTYPE html>
<html lang="en">

    <head>
        <title>my websitebeta</title>
        <meta charset="utf-8">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <link rel="stylesheet" type="text/css" href="indexStyle.css" />
    </head>

    <body>
        <header id="main_header">
            <div id="second_header"></div>
        </header>
        <menu id="main_menu"></menu>
        <div id="main_wrapper">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td valign="top" width="180">
                        <aside id="left_aside"></aside>
                    </td>
                    <td>
                        <section id="main_content"></section>
                    </td>
                    <td valign="top" width="180">
                        <aside id="right_aside"></aside>
                    </td>
                </tr>
            </table>
        </div>
        <footer id="main_footer"></footer>
    </body>

</html>

这是我的CSS：

*{
    padding: 0px;
    margin: 0px;
}
body{
    color:#000;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    background: #FFF;

}
#main_header{
    width:100%;
    height:100px;
    background: #F90;

}
#second_header{
    min-width:960px;
    height:60px;
    padding:20px;
    margin:0px auto 0px;

}
#main_menu{
    width: 100%;
    height: 40px;
    background: #09F;

}

#main_wrapper{
    min-width:1000px;
    margin-top: 0px;
    margin-bottom: 0px;

}
#left_aside{
    width: 180px;
    min-height:700;
    background: #9f0;
}

#main_content{
    margin:0px 20px 0px;
    min-height:700;
}
#right_aside{
    width: 180px;
    min-height:700;
    background: #f00;
}
#main_footer{
    width: 100%;
    height: 50px;
    background: #09F;
    margin: 0px;
}

Answer 1

您似乎忘记了px后左右两侧的min-height。

它应该如下所示：min-height:700px;

祝你好运！

除了没有显示的元素

1 个答案: