2013-08-04 417 views
1

我有兩個div,我希望div2會在div1旁邊。我嘗試使用float:leftdisplay:inline,但沒有任何幫助。 JsfiddleDiv旁邊的div

如何做到這一點?

P.S對不起,愚蠢的問題,但是我的學習

+0

能否請您寫信給我們您的碼 –

回答

1

檢查此琴:

http://jsfiddle.net/95rmz/3/

<div class="row" style="width: 390px;"> 
    <div id="div1" style="width: 190px; border: solid black 1px; float: left; margin-right: 5px;"> 
     Street 
     <input class="form-rej-normal" type="text"> 
     <div class="errorMessage" id="User_street_em_" style=""> 
      Pole Ulica nie może być puste. 
     </div>  
    </div> 
    <div id="div2" style="width: 190px; border: solid black 1px; float: left;"> 
     Numer domu  
      <input class="form-rej-normal" type="text">  
       <div class="errorMessage" id="User_house_number_em_" style=""> 
        Pole Ulica nie może być puste. 
       </div> 
    </div> 
</div> 
0

然後,您可以嘗試採用這種做法

<html> 
<body> 
    <div style="position:relative; width:auto; height:auto; float:left; border:solid red 1px;"> 
     this is div 1 
    </div> 
    <div style="position:relative; width:auto; height:auto; float:left; border:solid red 1px;"> 
     this is div 2 
    </div> 
</body> 
</html> 

出於測試目的,你也可以添加border:1px;來檢查,如果你的div標籤比屏幕的分辨率佔用更多的空間

0

降低div的寬度。如果第一個div是全角,那麼第二個div如何接近它。

0

問題是您沒有正確計算寬度。你在主div上設置一個380px,並給每個包含的div分配一個190px

如果你這樣做,那就沒問題了,但是你也在每個div周圍添加了一個邊框,所以現在每個都有一個額外的2px(左邊1px和右邊1px),所以它們實際上是192px。所以你可以用幾種方法解決它:

  1. 將主div設置爲至少184px。
  2. box-sizing: border-box;,這將導致瀏覽器把邊界格內,不會增加它的寬度 - 在這裏看到更多的數據:http://css-tricks.com/box-sizing/

小提琴:http://jsfiddle.net/95rmz/6/