Question

我有两个具有完全相同特征的CSS元素（规则），但是一个必须浮动到左边，另一个必须浮动到右边。为了只有一个规则，不要复制相同的元素，我尝试将浮动应用为类，如下所示：

<div id="content" class="fl-left"><div id="content" class="fl-right">

但是它不起作用，两个div都在＆＃34;自然流动＆＃34;在左边。但是，当我将浮动规则放在元素中时，它确实有效。

#fleft { rules ... float: left; } #fright { same rules... float: right}

以某种方式，是否可以将浮动应用为＆＃34;外部＆＃34;规则，只是将它应用于需要它的元素，而不是仅使用不同的浮点数复制相同的元素两次？</ p>

谢谢

Answer 1

你混淆了ID（＃fl-left）和类（.fl-left）

＆＃13;

div {
  width: 25%;
  height: 2em;
  border: 1px solid grey;
}
#fl-left {
  float: left;
}
#fl-right {
  float: right;
}

＆＃13;

<div id="fl-left">Left</div>
<div id="fl-right">Right</div>

＆＃13;