CSS浮动权问题 [英] CSS float right issue

问题描述

我正在设计我的页面，并且对齐页眉时遇到了麻烦。
正如您在这里看到的那样：

我希望添加将与员工列表保持一致。我将如何做到这一点？

顺便提一下，这里是html代码：
我已经使用了 bootstrap 。但本地css建议仍然不错。

 < div class =title> 
< h4>员工列表< / h4> 
< span class =pull-right>添加< / span> 
< / div> 
  

谢谢

解决方案将添加移至< h4> 之前。当你向右浮动时，如果你想让它们对齐，目标元素应该位于其他元素之前。

HTML

 < div class =title> 
< span class =pull-right>添加< / span> 
< h4>员工列表< / h4> 
< / div> 
  

CSS

  .pull-right {
 float：right; 
} 
  

I am into designing my page and I've got troubled aligning the header. As you can see here:

I wanted the "Add" will align with the employee list. How would I do that?

By the way here's the html code: I've used bootstrap. But a native css suggestion is still good.

    <div class="title">
                <h4>Employee list</h4> 
                <span class="pull-right">Add</span>
            </div>

Thanks

解决方案

Move the Add to before the <h4>. When you float right, the target element should be before the other element if you want them to align.

Demo

HTML

<div class="title">
     <span class="pull-right">Add</span>
     <h4>Employee list</h4> 
</div>

CSS

.pull-right {
    float:right;
}

这篇关于CSS浮动权问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！