0 
<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>

This is css :

.postptext
{
   float:right;
}

This is my layout. This is what I see:

http://i.imgur.com/D2K6KUW.png?1

As you can see checkboxes are clearly floated right, yet they insist on acting weird. I cant set margin-left, margin-right , anything. They will just stay there. I put margin-left 30px to whole div, but only spans are applying the margin setting. I am confused. I know that some other css defines checkbox settings. But wouldnt float:Right be enough to override it? If not, what should I do to make them completely ignore the css which is defined by the template?

4

1 回答 1

0

“但他们坚持表现得很奇怪”有点含糊。在不知道它有什么奇怪的情况下，很难说如何让它不奇怪，因为这也可能很奇怪。

每当我复制和测试您的代码时（同时用一些普通的 tekst 替换 php-code），我都会得到不同的结果，其中复选框确实浮动到右侧（正如我所想的那样）。

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

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

几点说明：

  • 默认情况下，输入元素已经内联。向它们添加 'display:inline' 似乎没有什么意义，除非有其他 css 影响了显示，在这种情况下你遗漏了一些重要的重要信息。
  • 将 'float: right' 添加到您的复选框，而类 postptext 已经提供 float: right 对我来说似乎有点多余。
于 2013-08-18T19:22:54.800 回答