我有一個div設置爲寬度100%。我想設置20px的左右邊距。出於某種原因,只有左側被推到20px以上。它忽略了這個權利。這是因爲100%嗎?寬度左右寬度100%
2
A
回答
7
刪除寬度。與所有塊元素一樣,div會自動擴展以填充可用寬度。當你指定100%的寬度時,你告訴它與容器的大小相同,而不是填充可用寬度。由於寬度不包含邊距,因此除了寬度外,還指定邊距會導致div向右移動左邊距量,並且右邊距會在屏幕外存在。
1
刪除100%width
,只給它20px margin
左右,你會沒事的。
5
不愚蠢的。發生了什麼事是你想有些設置橫幅是這樣的: (#是保證金)
==========
#--------#
==========
,但它最終是這樣的:
==========
#----------#
==========
使它看起來像這樣:
==========
#---------
==========
添加邊距不會減小100%的設置寬度。
您可以嘗試使用
left:20px; right:20px;
離開寬度和保證金
auto
編輯
或正要離開寬度關閉其他類似建議。 :P
+0
寶貴的解釋在OP的情況下實際發生了什麼。 – Matijs
0
A div
將使用所有可用空間,除非您開始浮動。刪除width
,應該沒問題。
相關問題
- 1. 如何輸出寬度=「100%」或寬度=「」的iframe。不,寬度=「100」
- 2. 100%高度或100%寬度
- 3. 100%的寬度
- 4. jQgrid 100%寬度
- 5. Html寬度100%
- 6. 100%的寬度
- 7. Div寬度= 100%?
- 8. 兩欄,左側固定寬度,右動態寬度
- 9. 固定寬度左側欄,可變寬度的右列
- 10. 左側固定寬度div,右側填充剩餘寬度div
- 11. 左側固定寬度div,右側流體寬度div
- 12. 邊緣在寬度100%高度100%的div與寬度100%高度100%
- 13. CSS寬度100%或最大寬度
- 14. 最大寬度像素寬度100%
- 15. 瀏覽器寬度的100%寬度div
- 16. 填充右的寬度爲100%的div
- 17. 寬度100%不使用保證金 - 右
- 18. 固定的右菜單寬度爲100%
- 19. 浮動:左與寬度的元素:100%
- 20. 寬度100的浮動左和右的div
- 21. 什麼是更好的性能寬度=「100%」或左=「0」右=「0」?
- 22. 左DIV +右DIV +中心的div = 100%的寬度。如何實現?
- 23. 如何創建100%寬度和左右邊距的div?
- 24. css 100%寬度div不佔用父寬度的全部寬度
- 25. CSS寬度爲100%高度
- 26. HTML寬度高度100%
- 27. 標籤寬度100%
- 28. CSS寬度爲100%
- 29. 寬度:100%問題
- 30. CSS百分比寬度左右晃動
偉大的解釋!謝謝 –