1

我有两个 div，我希望 div2 位于 div1 旁边。我尝试使用float:left，display:inline但没有任何帮助。 提琴手

这个怎么做？

PS对不起愚蠢的问题，但我正在学习

4

5 回答 5

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>
于 2013-08-04T12:30:50.657 回答
1

使用float: left和box-sizing: border-box：

#div1 , #div2{
    float: left;
    box-sizing: border-box;
}

JSFiddle：http: //jsfiddle.net/95rmz/4/

于 2013-08-04T12:31:35.513 回答
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 标签是否占用比屏幕分辨率更多的空间

于 2013-08-04T12:33:02.767 回答
0

减少div的宽度。如果第一个 div 是全宽的，那么第二个 div 怎么能靠近它。

于 2013-08-04T12:33:20.747 回答
0

问题是您没有正确计算宽度。您380px在主 div 上设置 a 并给190px每个包含的 div 一个。

如果你这样做就好了，但是你还在每个 div 周围添加了一个边框，所以现在每个 div 都有一个额外的 2px（左 1px 和右 1px），所以它们实际上是每个 192px。所以你可以通过几种方式解决它：

  1. 将主 div 设置为至少 184 像素。
  2. Set box-sizing: border-box;，这将导致浏览器将边框放在 div 内而不是添加到它的宽度 - 请参阅此处了解更多数据：http ://css-tricks.com/box-sizing/

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

于 2013-08-04T12:38:11.623 回答