在没有HTML表的情况下，如何在同一行上有两个DIV，一个左对齐，一个右对齐？

我希望votediv在右边，与文章的文本大小无关，类名为“note”。如果我指定

<div class="votediv" style="right:0; position:relative">

沃特迪夫先生{
浮动：对；
宽度：50%；
}
.意见
浮动：左；
宽度：50%；
}

50%宽度假定它们都在同一父容器中。它们需要有一个设置的宽度才能工作，显然，它们的组合宽度不能比它们的父项宽。

沃特迪夫先生{
浮动：对；
宽度：50%；
}
.意见
浮动：左；
宽度：50%；
}

---

50%宽度假定它们都在同一父容器中。它们需要有一个设置的宽度才能工作，显然，它们的组合宽度不能比它们的父元素宽。

您可以使用

float:left

和

float:right

分别将元素浮动到这些边上

<style type='text/css'>
    .votediv { float: right; }
    .opiniondiv { float: left; }
</style>

.votediv{float:right；}
.opiniondiv{float:left；}

---

您可以使用

float:left

和

float:right

分别将元素浮动到这些边上

<style type='text/css'>
    .votediv { float: right; }
    .opiniondiv { float: left; }
</style>

.votediv{float:right；}
.opiniondiv{float:left；}

对于

工作，您必须在样式中添加

位置：绝对

。在此之后，您可能需要将

position:relative

添加到

div.opiniondiv

编辑 如果你要像其他人建议的那样浮动div，请别忘了清理，否则你会弄得一团糟

对于

工作，您必须在样式中添加

位置：绝对

。在此之后，您可能需要将

position:relative

添加到

div.opiniondiv

编辑 如果你要像其他人建议的那样浮动div，请别忘了清理，否则你会弄得一团糟

---

Votediv必须是

位置：绝对
才能工作<代码>浮动：右也可以工作。Votediv必须是
位置：绝对
才能工作<代码>浮动：右也可以工作。
<style>
    .votediv{
       float: right;
       width: 50%;
    }

    .opiniondiv{  
       float: left;
       width: 50%;
    }
</style>

<style type='text/css'>
    .votediv { float: right; }
    .opiniondiv { float: left; }
</style>