在两个div之间安装div

时间:2016-03-27 02:57:42

标签: html css

我的HTML:

<div id="header">some content</div>
<div id="navbar">some items</div>
<div id="container">some items</div>
<div id="footer">some items</div>

我的CSS:

*{padding: 0; margin: 0;}
#header{width: 100%; height: 15%; background-color: red;}
#navbar{width: 100%; height: 10%; background-color: yellow;}
#container{width: 70%; height: 65%; background-color: gray;}
#footer{width: 100%; height: 10%; background-color: green;}

我的问题是,如果我在容器上放了太多内容,它会溢出空间,它会被放在页脚div上。我该如何解决?

1 个答案:

答案 0 :(得分:2)

最简单的解决方案就是对帖子的评论进行说明并让您的内容溢出滚动,而不是变得越来越大,从而重叠您的页脚。要做到这一点非常简单......

在CSS中,将容器修改为如下,这样可以防止重叠问题。

socket = require('socket.io-client')('localhost:3000', {})

socket.on 'connect', (socket) ->
  console.log "Connected"

逻辑上上面的代码应该有效,同伴Stack Overflow Citizens请更正我所犯的任何错误,因为我没有明确地测试这个....你告诉浏览器在这里做的是,Container,你不允许过去65%的身高,如果你这样做,你的溢出会滚动,而不是你的身高继续增长......