修复div高度HTML和CSS

时间:2016-06-01 12:31:44

标签: html css twitter-bootstrap

在这里我再次遇到另一个新手问题:S 我试过大约2小时如何将蓝色背景设置为与白色背景相同的高度,但设置"高度:100%或高度:100vh"不起作用。

https://jsbin.com/sideto/1/edit?html,css,output

3 个答案:

答案 0 :(得分:0)

尝试删除div.c1填充:

div.c1 { height: 100vh; background: #fff; margin-top: -30px;  }

当您将填充放入组件时,您基本上会向浏览器说您希望组件内容周围有一些空间。 doc可能会对您有所帮助。 ;)

答案 1 :(得分:0)

您需要从此课程中删除填充

div.c1 { height: 100vh; background: #fff; margin-top: -30px; padding: 60px 30px; }

结账 https://jsbin.com/hekusezobi/1/edit?html,css,output

答案 2 :(得分:0)

不完全确定你想要实现什么,但据我所知,它是div.c1上的填充。将CSS更改为:

div.c1 {height:100vh;背景:#fff; margin-top:-30px;填充:0px 30px; }