关于颜色块高度的问题
来源:3-3 相对和绝对定位3
被抱的树
2020-06-19 11:30:17
<!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回答
同学你好,复制运行贴处代码,运行效果如下:
如上所示,在css设置中,设置的所有div的宽高是100px与100px:
所以父div-->div0的宽高也是100px*100px,div是独占一行的,所以文字内容在父div之下,而div2、div3等内容是溢出的展示,而文字是在div0的下方。
综上所示,就出现了文字在蓝色方框的下面的现象。同学可以尝试将父div(div0)的宽度设置的更大一些再试试。
如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~
相似问题