兩個50 的盒子為什麼放不下

2022-04-09 06:16:49 字數 606 閱讀 7238

設定父盒子 box-sizing:border-box 屬性,這時盒子內容區就不受邊框影響,始終為100px*200px

但是,父盒子還是放不下

為什麼會出現這種情況呢,因為兩個子盒子之間有乙個空白文字節點,

inline 和 inline-block 是內聯布局,既然是內聯那麼就會受空白區域的影響;如果在 .wrap 加上 white-space: nowrap;,會看到有一小區域是空白的。

解決辦法:

.wrap
或者

或者

放不下的原理 為什麼想得開,卻又放不下?

這個問題很實在也很簡單,說說你一定能明白,哈,不過問題又回來了 如同你所問,若知道了你問的這個問題的答案後,能否落實到當下的日常思想行為上呢?按你的話說,是否 到頭來放不開 呢?問這個問題時,實際上你已經明白了第乙個原理 聞不等於修!就是說對修行原理的了解,不能等同於修證。沒有修證,就沒有真正的功德...

呼叫函式交換兩個變數的值為什麼出錯?

include using namespace std void swap int x,int y 定義swap函式來交換兩個變數 intmain 程式執行結果 5,10 5,10 process returned 0 0x0 execution time 0.089 s press any key...

兩個相鄰盒子的邊框怎麼只顯示乙個 盒子模型高階

在css入門我們已經了解了盒子模型,就不重複了。下面主要聊聊盒子模型的一些原理。深入border 對於border屬性,border 0 和 border none 是有區別的。效能區別 border 0 表示把border定義為0px。雖然0px在頁面上看不見,但是瀏覽器依然會對border進行渲...