1
A
回答
1
使用float: left
和box-sizing: border-box
:
#div1 , #div2{
float: left;
box-sizing: border-box;
}
的jsfiddle:http://jsfiddle.net/95rmz/4/
1
檢查此琴:
<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。所以你可以用幾種方法解決它:
- 將主div設置爲至少184px。
- 集
box-sizing: border-box;
,這將導致瀏覽器把邊界格內,不會增加它的寬度 - 在這裏看到更多的數據:http://css-tricks.com/box-sizing/
相關問題
- 1. 子div旁邊的父div,在底部
- 2. 固定div旁邊的父div
- 3. textarea旁邊的中心div
- 4. Div的旁邊彼此
- 5. 渲染DIV旁邊的href
- 6. Div旁邊div沒有使用浮動
- 7. 另一個div位於主div旁邊
- 8. 底部對齊div浮動div旁邊
- 9. 固定DIV旁邊5流體DIV
- 10. CSS在div旁邊放置div
- 11. Div#1旁邊的Div Div#2和Div#3
- 12. div浮動到居中div旁邊的右邊?
- 13. CSS - 固定Div旁邊的相對Div Div
- 14. DIV旁邊的DIV保持DIV在尺寸變化
- 15. 固定的div旁邊的居中格
- 16. 分區定位 - 對齊一個div div旁邊的一個大div div
- 17. 浮動複選框旁邊的div
- 18. div旁邊的圖像 - 浮動重疊
- 19. 股利旁邊的div圖像
- 20. div的位置放在FORM旁邊
- 21. 填充旁邊的div,如表
- 22. 對齊列表項旁邊的div
- 23. 定位div旁邊的海誓山盟
- 24. 如何對齊div旁邊的文本?
- 25. 非浮動的div旁邊的兩個浮動的div
- 26. 靈活的寬度div旁邊的固定寬度div
- 27. div旁邊的div。應該工作,但沒有
- 28. 如何將新生成的div放到另一個div旁邊?
- 29. 在其他居中的div旁邊添加div
- 30. 如何垂直對齊填充div旁邊的div?
能否請您寫信給我們您的碼 –