wordpress - 两个div的正确定位，拆分

Question

找到以下信息的正确/最佳方法是什么，分为两个 div。

您可以在此处查看相关页面：

http://property.begbies-traynor.com/sale/the-camelot-hotel/

如您所见，顶部区域分为两部分。右侧一张用于主要属性图像，左侧一张包含属性特征。

我尝试过使用 Floats，但它的显示方式似乎不稳定。

拆分这两条信息的最佳方法是什么？

目前它们被设置为两个独立的 div，其中一个设置为 float:right;

谢谢！

Answer 1

#split需要是float: left;

#split那么和的总宽度#split-two需要比容器窄。

最后，您将需要一个清除元素，或者使用合适的 clearfix<br style="clear:both;" /> ，或者在容器内使用便宜且肮脏但之后#split和之后#split-two

Answer 2

您说您想要右侧的属性图像和左侧的信息列，但在您的示例中，您float:right在#split-two信息列上。

如果您确实想要右侧的图像和左侧的列，则需要进行以下更改：

#split {
float: right;
}

#split-two {
float: none;
}

在html中：

<div id="split-two" class="clearfix">   
...

Answer 3

将以下代码添加到您的样式中。

#split {
width: 340px;
float: left;
}