block_head分区中的HTML CSS表单（组合框）垂直对齐

Question

编辑4：问题似乎已经解决了。当我在编写另一部分代码时，组合框突然正确对齐。我不知道它为什么能起作用，但嘿，它的工作原理！ ：d我现在可以举报此解决

我有一个表格（组合框）只是旁边的一个分块完美的作品中在block_head部门的H1标题。我可以使用CSS文件将其对齐到我想要的位置。另一方面，我有另一个相同位置的combobox（我的意思是，我基本上使用相同的代码），它位于block_head的底部，并且CSS修改不会使其移动，除了float：left /对。

下面是一些涉及该问题的代码。

组合框所散发出来的好：

<div class = "block"> 
    <div class="block_head"> 
     <div class="bheadl"></div> 
     <div class="bheadr"></div> 
     <h1>Métriques d'utilisation</h1> 
    </div> 
    <div class="block_content"> 
     <!--Bloc CLIENT X--> 
     <div class="block small left"> 
      <div class="block_head"> 
       <div class="bheadl"></div> 
       <div class="bheadr"></div> 
       <h2> 
        Client : 
       </h2> 
       <form method = "post" action="#" name = "clientForm"> 
        <p> 
         <select name = "client" onchange="clientForm.submit();"> 
         <?php      
          foreach($_SESSION['clientList'] as $client) { 
           $selected = ($client == $_SESSION['currentClient']) ? 'selected = "selected"' : ''; 
           echo "<option value = $client $selected>$client</option>"; 
          } 
         ?> 
         </select> 
        </p> 
       </form> 
      </div> 
... 

组合框是错出来：对于block_head

<div class = "block"> 
    <div class="block_head"> 
     <div class="bheadl"></div> 
     <div class="bheadr"></div> 
     <h1>Tests</h1> 
     <form id="branch" class="branch" method="post" action="#"> 
      <p> 
       <select onchange="changeBranch(this.value)"> 
       <?php 
        $app->branch = $this->currentBranch; 

        foreach($GLOBALS['branchList'] as $entry) { 
         $selected = ($entry == $branch) ? 'selected="selected"' : ''; 
         echo "<option value=\"{$entry}\" {$selected}>{$entry}</option>\n"; 
        } 
       ?> 
       </select> 
      </p> 
     </form> 
     <?php 
      //Afficher la sélection de la branche 
      //$app->showBranchForm(); 
     ?> 
    </div> 
... 

CSS代码：

.block .block_head { 
    height: 54px; 
    line-height: 54px; 
    background: url(../images/bhead.gif) 0 0 repeat-x; 
    overflow: hidden; 
    } 

.block .block_head .bheadl { 
    width: 20px; 
    height: 54px; 
    float: left; 
    background: url(../images/bheadl.gif) top left no-repeat; 
    } 

.block .block_head .bheadr { 
    width: 20px; 
    height: 54px; 
    float: right; 
    background: url(../images/bheadr.gif) top right no-repeat; 
    } 

.block .block_head h1 { 
    font-family: "Trebuchet MS", Arial, sans-serif; 
    font-size: 25px; 
    font-weight: bold; 
    text-transform: uppercase; 
    color: #555; 
    text-shadow: 1px 1px 0 #fff; 
    float: left; 
    } 

.block .block_head h2 { 
    font-family: "Trebuchet MS", Arial, sans-serif; 
    font-size: 18px; 
    font-weight: bold; 
    text-transform: uppercase; 
    color: #555; 
    text-shadow: 1px 1px 0 #fff; 
    float: left; 
    } 

.block .block_head ul { 
    float: right; 
    text-transform: uppercase; 
    font-size: 11px; 
    font-weight: bold; 
    text-shadow: 1px 1px 0 #fff; 
    } 

.block .block_head ul li { 
    display: inline; 
    padding: 3px 0; 
    padding-left: 20px; 
    background: url(../images/phs.gif) 7px center no-repeat; 
    } 

.block .block_head ul li.nobg { background: none; } 

.block .block_head ul li a { 
    text-decoration: none; 
    color: #666; 
    outline: none; 
    } 

.block .block_head ul li.active a { color: #888; } 
.block .block_head ul li a:hover { color: #008ee8; } 

.block .block_head form { 
    float: left; 
    padding: 17px 10px; 
    height: 34px; 
    line-height: 24px; 
    } 

.block .block_head form .text { 
    width: 129px; 
    height: 15px; 
    padding: 5px 10px 5px 25px; 
    border: 0; 
    font-size: 11px; 
    color: #999; 
    margin: 0; 
    background: url(../images/srch.gif) left center no-repeat; 
    } 

.block .block_head form .text:focus { 
    color: #666; 
    background: url(../images/srch_.gif) left center no-repeat; 
    } 

.block .block_head select { 
    text-transform: none; 
    } 

任何人都可以引导我，如何我可以修复？

正如我所说，我试着玩CSS文件，但它没有做任何事情。 我也尝试将表单移动到不同的block_heads。

我会发布的图片，但我需要moar声誉-_-”

谢谢！

编辑：有一些链接到问题的图片：

Good combobox

Bad combobox

EDIT2：新增完整block_head CSS代码

EDIT3：碰撞！

编辑4：这个问题似乎已经解决了。当我在编写另一部分代码时，组合框突然正确对齐。我不知道它为什么能起作用，但嘿，它的工作原理！ ：d 我现在可以举报此解决

Answer 1

我会问这样的评论，但我目前的信誉不允许我:( 你有链接到这个例子，因为它会很困难了解你的问题是什么，甚至从工作中发布两套CSS，如果你不这样做，它们是否意味着并排出现？例如：

=== H1 === +++组合+++

编辑：

感谢您的额外scre恩抓住。我认为这是因为围绕选择的“P”标签而发生的。尝试从P删除保证金：

.block .block_head form p { 
margin: 0; 
} 

看到这里例如：

http://jsfiddle.net/XBdeL/2/