会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 134121个问题
JAVA 全系列/第二十一阶段:Spring Cloud Alibaba技术栈/Spring Cloud Alibaba 16036楼
Python全系列/第一阶段:AI驱动的Python编程/面向对象 16038楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/异常机制 16040楼
Python全系列/下架-第十二阶段:Python_大型电商项目(5天后下架)/Django项目阶段-电商项目(旧) 16041楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>弹性盒子模型</p>
    <div>
        <p class="lk">父辈</p>
        <div>
            <p class="mn">子级1</p>
        </div>
        <div>
            <p class="m">子级2</p>
        </div>
        <div>
            <p class="n">子级3</p>
        </div>
    </div>
   <br>
   <p>盒子模型,只涉及:margin,padding,width,height差不多的这几个属性</p>
</body>
<style>
    p{
        font-weight: 500px;     /*对大字进行加粗*/
    }
    .lk{
        width:800px;
        height:800px;
        font-size: 90px;
        display:flex;
        background-color: aquamarine;
        flex-direction: column;
        align-items: center;
        justify-content: center;


    }
   /* 
   div>div{
        width: 200px;
        height: 200px;
        font-size: 20px;
        background-color: blueviolet;

    }
    */
    .mn{
        color: aquamarine;
        width: 200px;
        height: 200px;
        font-size: 20px;
        background-color: blueviolet;
    }
    .m{
        color: aquamarine;
        width: 200px;
        height: 200px;
        font-size: 20px;
        background-color: blueviolet;
    
    }
    .n{
        color: blueviolet;
        width: 200px;
        height: 200px;
        font-size: 20px;
        background-color: blueviolet;
    }
</style>
</html>

老师,下面三个为什么不在上面那个大盒子里面呢?


Python全系列/第八阶段:Web全栈开发基础与前端/CSS3 16042楼
JAVA 全系列/预科阶段:职业规划/学习方法/就业和找工作需要注意事项 16043楼
Python全系列/第一阶段:AI驱动的Python编程/编程基本概念 16044楼
Python全系列/第二十一阶段:数据分析-统计分析/抽样分布 16045楼

屏幕截图 2024-04-17 142904.png

报错为什么还能打印出来呢

Python全系列/第十六阶段:Python 爬虫开发/爬虫基础 16046楼
Python全系列/第六阶段:数据库与AI协同技术实战/mysql的使用 16048楼
JAVA 全系列/第一阶段:AI驱动的JAVA编程/JAVA入门和背景知识 16050楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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