HTML / CSS:Div元素不按预期运行

时间:2016-08-31 10:49:16

标签: html css

我是网络开发的新手,我正在为Freecodecamp开发一个投资组合页面。我现在遇到的问题是关于html, body { height:100%; } 元素。在我的HTML代码的底部有一个div元素(即div),它不能按我的意图运行。无论我在调试方面做了什么,当我运行代码时,最后一个background-color: #00dfff元素要么出现在我的第二个div元素后面,要么出现在我的第三个div元素中。有人可以帮我找到我的错误/错误吗?

div

2 个答案:

答案 0 :(得分:0)

因为在此之前需要清除浮动div的两侧: 比如http://codepen.io/bra1N/pen/rrBkxd

DepartementInfo

答案 1 :(得分:0)

您使用过float:left;在第一个div和浮动:右;在第二个div。如果你删除它,第三个div将不会显示在div后面。