HTML CSS布局与浮动元素的父级断开

我正在写我自己的网站，遇到了一个以前从未发生过的问题

我使用包含3个

的父级

第一个

为

浮动：左第二个是
浮点：右
第三个
包含
清除：两个


以下代码是php:


如果我对开始和结束标记进行注释，布局将非常有效。但是如果浏览器接收到
，那么它会以某种方式将
转换为
，并将
转换为
/code>


以下两张图片是从IE和Chrome浏览器“inspectors”中拍摄的：



由此产生的问题是
p:first child
不适用于包含3个
的我的
，因为3个
不再位于
中，而是现在由2个
替代


这可能是一个特性，但我不知道它应该解决什么问题，也不知道如何控制它<有什么想法吗

p元素表示一个段落。它不能包含块级别
元素（包括P本身）

资料来源：

一种解决方案是将
p
替换为
div
标签允许的内容是短语内容。

因此，
不是有效的HTML，浏览器将尝试在div开始之前关闭p标记<代码>

如果您提供了有效的结构，浏览器将以您期望的方式运行

您可以在
中放置
，因此如果您将
替换为
，您将得到您想要的。
非常感谢。。。该死的！如果我想要一个包含块元素的段落，因为今天的代理经常无法完成他们应该做的关于CSS3的工作，该怎么办。这应该是两列文本，只是因为一些浏览器无法将文本拆分为列，我不得不选择不同的方法。。。嗯，这就是我喜欢webdesign的原因：）在你的例子中，colums最好的方法可能是使用表：
表用于显示“有序”数据，但不用于布局。如果您使用表格进行布局，搜索引擎和浏览器会错误地解释您的内容。然而，我将p改为div，并添加了类“AsIfP”，并在每次使用p时将其包含在css中。Yea现在得到了它。但是我的p的内容是文本。我只是添加div来创建一个两列布局。我现在会尝试在我的div上摆弄display…嗯，似乎它不是在寻找display属性。更可能的是，它不允许使用div类型的元素