如何在我的网站底部放置空格,因此浮动div不会重叠

Question

我发现很多关于堆栈溢出的问题是关于摆脱空白区域,但我似乎无法弄清楚如何把它放进去.

我的网站上有一个底部导航,随页面浮动,但如果窗口很小,页面的底部会被掩盖.我想在底部插入一些空白区域,因此当窗口小于页面长度时,您仍然可以读取它.

我试过添加:

margin-bottom: 50px;
padding-bottom: 50px;

到包含首页内容的div,但它不起作用.

有什么我想念的吗？这是一个演示:http://www.writingprompts.net/name-generator/

Answer 1

#left, #right { 
    margin-bottom: 90px; 
}

或者

#top_section > div { 
    margin-bottom: 90px; 
}

它在 #top_section 上不起作用，因为你使用绝对值，因此内容实际上超出了 div 本身，但相信我，我给你的这两个 css 中的任何一个都可以工作