Question

所以我不确定我在这里做错了什么，基本上我正在使用这个HTML：

<p class="cl">
    <input type="radio" name="number" value="1">1</p>
<p class="cl price">someth</p>
<p class="cl">
    <input type="radio" name="number" value="2">2</p>
<p class="cl price">other</p>

和这个CSS：

.price
{
  float: right;
}
.cl
{
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  margin: 5px;
}

基本上发生的事情是我想要在另一个面前放一件事，而这种情况并没有发生，但是如果我在理论线的中间放置一个div它们将按预期工作。

Fiddle

Answer 1

问题是你没有设置线条。如果你是男性每行一个div它将起作用：

<div class="price-line">
    <p class="cl">
        <input type="radio" name="number" value="1">1</p>
    <p class="cl price">someth</p>
<div>
<div class="price-line">
    <p class="cl">
        <input type="radio" name="number" value="2">2</p>
    <p class="cl price">other</p>
<div>

对于ces仍然是相同的：

.price{
    float: right;
}
.cl{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin: 5px;
};

祝你有个美好的一天;） Ps：你可以使用div或其他任何占据宽度100％的东西;）

CSS显示：内联块问题

1 个答案: