我正在我的网站上工作,我似乎无法弄清楚为什么它正在做它在做什么。问题在于内容区域中的文本超出了包装。我敢肯定,这是一个非常简单的错误,我忽略了,我希望有一些新鲜的眼睛能够发现我的错误。我在图像中突出显示溢出。谢谢!加勒特内容超出了包装的边界...(HTML/CSS)
网站:http://thinkgarrett.com/hello/index.php
以下是截图:
我正在我的网站上工作,我似乎无法弄清楚为什么它正在做它在做什么。问题在于内容区域中的文本超出了包装。我敢肯定,这是一个非常简单的错误,我忽略了,我希望有一些新鲜的眼睛能够发现我的错误。我在图像中突出显示溢出。谢谢!加勒特内容超出了包装的边界...(HTML/CSS)
网站:http://thinkgarrett.com/hello/index.php
以下是截图:
不知何故,你没有清理div浮动。这将解决您的跨浏览器问题。
更新CSS:
div#wrapper {
overflow:hidden;
}
谢谢!这工作完美! – ThinkGarrett 2011-03-14 16:28:47
的div
与post
类是目前0像素线,并不关心它的内容。
更改显示类型的post
到inline-block
:
.post {
width: 720px;
display: inline-block;
}
试试这个CSS ...
#latestPost {
overflow: hidden;
}
元素不扩大到包含浮动的孩子,除非你明确地让它(使用一个许多clearfix技术)。
嗨,你不清除你正在使用CSS,我认为它可以帮助你在一定程度上 的div#包装{溢出DIV部分:隐藏; } – SharpUrBrain 2011-03-14 12:29:51