Question

在我的页面http://s361608839.websitehome.co.uk/pt-build/templatebuild/index.html上，如果向下滚动，则会显示一个名为“定价”的部分。右下方是一个名为priceBlock的div。

我目前正在使用这个css将它浮动到右边，但不知何故div正被推到下一行。

#priceBlock {
width: 206px;
height: 303px;
background: url(../images/pricing-bg.jpg) no-repeat;
float: right;
clear: both;
}

div在#pricing中，并且div中有足够的空间可以将它放在那里而不会转到另一行。

我需要更改为我的CSS以使其向右浮动但是在#pricing内的#leftcol内的内容旁边？

由于

Answer 1

你的#priceblock规则正在清除浮动，有效地消除了#pricing左边浮动所需的效果。您可以通过删除clear both属性或指定clear：right：

来解决此问题

#priceBlock {
    width: 206px;
    height: 303px;
    background: url(../images/pricing-bg.jpg) no-repeat;
    float: right;
    clear: right; /*clear: both;*/
    overflow: hidden;
}

Answer 2

在#priceBlock删除媒体资源clear: both;。

如何正确添加浮动属性？

2 个答案: