会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 133730个问题

你好老师,为啥我用新标签这个完全显示不了?没看出问题在哪儿
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .header{
            width: 1400px;
            background-color: pink;
        }
        div{
            margin-top: 10px;
            height: 600px;
        }
        .nav{
            height: 80px;
            margin-top: 10px;
            background-color: pink;
        }
        .section{
            width: 900px;
            margin-top: 10px;
            background-color: pink;
            height: 600px;
            float: left;
        }
        aside{
            width: 480px;
            margin-top: 10px;
            background: pink;
            height: 600px;
            float: right;
        }
        .footer{
            height: 80px;
            margin-top: 10px;
            background-color: pink;
        }
    </style>
</head>
<body>
    <header>头部</header>
    <nav>导航</nav>
    <div>
        <section>主要内容</section>
        <aside>侧边栏</aside>
    </div>
    <footer>脚部</footer>
</body>
</html>


WEB前端全系列/第一阶段:HTML5+CSS3模块/HTML5新增元素 391楼

为什么我的main主要内容和侧边栏显示不出来,代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .container{
            width: 1400px;
            margin: 0 auto;
        }
        .header{
            height: 80px;
            margin-top: 10px;
            background:pink
        }
        .nav{
            height: 80px;
            margin-top: 10px;
            background: pink;
        }
        .main{
            height: 500px;
            margin-top: 10px;
        }  
        .mian .left{
            float: left;
            width: 900px;
            height: 500px;
            background: pink;
        }
        .mian .right{
            float: right;
            width: 480px;
            height: 500px;
            background: pink;
        }
        .footer{
            height: 80px;
            background: pink;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">头部</div>
        <div class="nav">导航</div>
        <div class="main">
            <div class="left">主要内容</div>
            <div class="right">侧边栏</div>
        </div>
        <div class="footer">脚部</div>
    </div>
</body>
</html>


WEB前端全系列/第一阶段:HTML5+CSS3模块/HTML5新增元素 392楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/浮动与定位 394楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/浮动与定位 395楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS选择器 397楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/前端入门与基础知识 400楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS选择器 401楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637