复选框不会正常

Question

<div style="display:inline;  margin-left:30px;  ">  
                 <span class="checktext"><?php echo $newspec->spec;?><span>
                 <input class="postptext" style=" display:inline; float:right;" type="checkbox" id="<?php echo $newspec->ID;?>" value="<?php echo $newspec->spec;?>">
</div>

<div style="display:inline;  margin-left:30px;  ">  
                 <span class="checktext"><?php echo $newspec->spec;?><span>
                 <input class="postptext" style=" display:inline; float:right;" type="checkbox" id="<?php echo $newspec->ID;?>" value="<?php echo $newspec->spec;?>">
</div>

<div style="display:inline;  margin-left:30px;  ">  
                 <span class="checktext"><?php echo $newspec->spec;?><span>
                 <input class="postptext" style=" display:inline; float:right;" type="checkbox" id="<?php echo $newspec->ID;?>" value="<?php echo $newspec->spec;?>">
</div>

这是css：

.postptext
{
   float:right;
}

这是我的布局。这就是我所看到的：

正如你所看到的那样，复选框显然是正确的，但他们坚持表现得很奇怪。我不能设置保证金左，保证金权利，任何东西。他们会留在那里。我将margin-left 30px放到整个div中，但只有跨度正在应用边距设置。我很迷惑。我知道其他一些css定义了复选框设置。但是不会浮动：是否足以覆盖它？如果没有，我该怎么做才能使它们完全忽略模板定义的css？

Answer 1

'但他们坚持表演很奇怪'有点模糊。不知道什么是奇怪的，很难说如何让它变得奇怪，因为那可能是奇怪的。

每当我复制并测试你的代码时（用一些简单的tekst代替php代码），我会得到一个不同的结果，其中复选框向右浮动（我认为应该如此）。

然而，我对奇怪行为的第一个猜测是因为div是内联的。因为这些是内联的，所以浮动的复选框将相对于主体浮动。至少，他们在我的情况下复制你的代码。

例如，使div成为内联块有一些效果，其中复选框相对于div浮动。

几句话：

• 输入元素默认为内联。将“display：inline”添加到它们似乎毫无意义，除非有其他css影响了显示，在这种情况下你遗漏了重要的一些重要信息。
• 将“float：right”添加到您的复选框，而类postptext已经提供了float：对我来说似乎有点多余。