错题本1：为什么往div盒子模型添加不上背景颜色和背景图片？

 前车之谦 ，后车之师
1

代码演示：
HTML代码：

<body>
    <div class="box">div>
body>
1
2
3

CSS代码：

.box{
   background-image:url('imgs/1.jpg');
       }
1
2
3

chrome浏览器-效果显示：
在这里插入图片描述
纳尼~~~
为什么浏览器上什么都没有显示！！！难道是，关键词又漏写了字母？还是相对地址错了？返回检查-无果！对了，背景颜色的设置，我闭着眼睛都能写出来。于是… …
CSS代码更改后：

 .box{
        background-color:red;
       }
1
2
3

浏览器效果显示还是空白，为什么？？？

接下来，我们将要迎接一个可怕的怪物！！！问题长期无解，开始的热情，逐渐消散。终于走完了HTML+CSS从入门到放弃之旅。好在，现在有很多编程社区，微信公众号，微博群… …我们可以在此获得解惑，对了，怎么能忘了美丽又贤惠的“度娘”呢！

解答：
1.没有为div盒子模型设置明确的高度。
CSS代码如下：

.box{
        height:400px;
        background-color:red;
       }
1
2
3
4

chrome浏览器-效果显示：
在这里插入图片描述
如图所示，div标签属于块级元素，独占一行。默认宽度等于父元素的宽度，高度为零。
补充：
假如我们加上浮动，又会怎样？
chrome浏览器-效果显示：

怎么又什么都没有了？？？

提示：
1.浮动后，该div标签的父元素是谁？
2.浮动后，该div标签的默认宽度是多少？

相关阅读:
项目上线后，老板喜提法拉利
Java开发学习(二十六)----SpringMVC返回响应结果
面试前“啃完”这份Java架构全栈知识点，金九银十过五关斩六将！
网络安全等级保护基本要求第1部分：安全通用要求
amazon账号注册用什么软件？
esp32 gitignore文件
【算法|双指针|链表】反转链表
重保特辑｜拦截99%恶意流量，揭秘WAF攻防演练最佳实践
Python编程经典案例【考题】排列组合
【无标题】

原文地址：https://blog.csdn.net/qq_40924992/article/details/126245300