关于颜色块高度的问题

来源:3-3 相对和绝对定位3

被抱的树

2020-06-19 11:30:17

http://img.mukewang.com/climg/5eec3122091e336a19201039.jpg

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="text.css">
</head>
<body>
<div class="div0">
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</div>
《倔强》的第一句歌词“当我和世界不一样/那就让我不一样/坚持对我来说就是以刚克刚”可能被人忽略,但这一句才是整首歌的真谛。五月天要表达的不仅是别放弃梦想,更是别抛弃自己的特质,即使在一开始就不被人认同,也决不能放弃。这首歌是五月天的最绝对态度,五月天的最音乐坚持。英式摇滚曲风倔强流窜“飘一代”的血液,美式摇滚音色倔强表态“我这国”的神情。在神的面前,这是一个顽皮倔强、天真无邪的孩子发自内心的叛逆、顽固的话语,但其顽强不屈的精神让人感动不已。
</body>
</html>
div{
	height: 100px;
	width: 100px;
}
.div1{
	background-color: blue;
}
.div2{
	background-color: red;
}
.div3{
	background-color: green;
}
.div0{
	background-color: black;
}


写回答

1回答

好帮手慕小班

2020-06-19

同学你好,复制运行贴处代码,运行效果如下:

http://img.mukewang.com/climg/5eec6682099cd07210280633.jpg

如上所示,在css设置中,设置的所有div的宽高是100px与100px:

http://img.mukewang.com/climg/5eec6d11095dd4a204290196.jpg

所以父div-->div0的宽高也是100px*100px,div是独占一行的,所以文字内容在父div之下,而div2、div3等内容是溢出的展示,而文字是在div0的下方。

综上所示,就出现了文字在蓝色方框的下面的现象。同学可以尝试将父div(div0)的宽度设置的更大一些再试试。

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~

0

0 学习 · 16556 问题

查看课程