Question

您好我正在使用CSS包装文本但不幸的是由于某种原因我不能将它们向右浮动而是相互重叠。还有我如何给它们一个固定宽度，以便它们具有相同的并且将正确对齐。

#simple_arc { 
                 border: 1px solid red; 
                 display: block; 
                 width:306px; 
                 height:305px;
                 }

对此问题有所了解。

Answer 1

只需将position:relative添加到<li>

即可

DEMO

li {
    float: left; 
    position:relative; 
}

Answer 2

因为，您已为每个position:absolute使用span，而没有任何relative父项，它们都相对于正文定位。

只需将position:relative添加到#simple_arc，#reversed_arc和#auto_radius

更干净的代码是将id添加到<ul>，然后使用#id li -

HTML：

<ul id="container">
    <!-- Content -->
</ul>

CSS：

#container li {
    position: relative
}

JSFiddle

Answer 3

问题不明确：您似乎想要将每个圈子移到下一个旁边。不管怎样，您已经为每个圈子使用了absolute position，因此您可以对每个left:some使用li个值。喜欢

#simple_arc { left: 0px; } 
#reversed_arc { left: 50px; } 
#auto_radius { left: 100px; }

Answer 4

试试这会对你有帮助。

检查此代码：http：//jsfiddle.net/g7C2v/3/

我不能将元素向右浮动并让它们具有相同的宽度吗？

4 个答案: