Question

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

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

正如您将看到的，顶部区域分为两部分。一个位于主要属性图像的右侧，另一个位于左侧，包含属性功能。

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

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

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

谢谢！

Answer 1

#split必须为float: left;

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

最后，您需要一个清算元素，使用suitable 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;
}