我有一个固定的宽度,高度设置为自动。每行是一个div
,里面是div
每列的一个。并且列 div 内有一个<p>
标签,其中应该是文本。所涉及的 CSS 非常基本,只是一些填充和设置宽度/高度......并向左浮动。
我错过了什么?
这实际上是您的代码的预期行为。您的“单元格”中有一个“单词”,其中没有空格。所以浏览器不知道在哪里包装并自动扩展盒子。您应该将word-wrap: break-word
CSS 规则添加到.orderHistoryTable
选择器(或者orderHistoryTable div.row1
如果您只想在此单元格上使用此行为)
您是否尝试设置 CSSoverflow
属性?
我靠 Clearfix 方法生活和呼吸。它将解决您使用 div 的许多布局问题。它可能会解决您遇到的这个问题,也可能不会,但总的来说,在进行 div 重布局时使用它非常棒。我使用 Perishable Press 的 Jeff Starr 方法:http: //perishablepress.com/press/2009/12/06/new-clearfix-hack/