HTML/CSS初学者 - divs的定位

我的布局有问题。我有一个内容div，我想扩大其中的文字。在底部有一个div应该保存一些联系信息。HTML/CSS初学者 - divs的定位

我的问题：我无法弄清楚如何让内容div变大而不与我的底部div重叠。我尝试过利润和填充，但我看不到它的工作。

任何形式的帮助表示赞赏。

我把代码粘贴在Pastebin上，所以这篇文章不会那么长。小提琴：http://jsfiddle.net/NpY66/

CSS：http://pastebin.com/7ztPs253
HTML：http://pastebin.com/YBqJJs3g

来源

2011-11-22 Mr.Havoc

制作提琴相反，它提供了一个实时预览：http://jsfiddle.net – BoltClock

呵呵，爽！她的小提琴！：http://jsfiddle.net/NpY66/ –

对于初学者来说，'float：top'和'float：bottom'值不存在。你可以用于'float'的唯一值是左边，右边和没有。 – motoxer4533

答案是，您需要在您的页脚风格使用clear: both;。

#bottom{ 
    border: 1px solid gray; 
    font: 12px Helvetica, sans-serif; 
    padding: 5px; 
    background: white; 
    text-align: center; 
    clear: both; 
}

这将防止浮动div标记重叠。

Updated version of your JS Fiddle

来源

2011-11-22 16:53:58 Fenton

哦，非常感谢！ =） –

没问题。乐意效劳。 – Fenton

删除'float：bottom'这个'float'属性没有这个值。 –

HTML/CSS初学者 - divs的定位

回答

相关问题