相鄰元素之間的margin問題

2021-07-27 02:49:04 字數 526 閱讀 8858

任何元素都可以設定border 設定寬高可能無效

行內元素設定padding,margin上下是無效的,左右是有效的

外邊距合併:指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。

合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。

外邊距合併(疊加)是乙個相當簡單的概念。但是,在實踐中對網頁進行布局時,它會造成許多混淆。

簡單地說,外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。

當乙個元素出現在另乙個元素上面時,第乙個元素的下外邊距與第二個元素的上外邊距會發生合併。請看下圖:

行內元素和margin疊加問題

行內元素正常狀態 行內元素設定寬高沒效,width 100px height 1000px 行內元素設定margin top,margin bottom無效,margin left,margin right有效 行內元素設定line height 100px 有效 行內元素變成塊狀,display ...

nyoj 57 6174問題 相鄰元素判斷問題

記憶體限制 64mb 時間限制 1000ms special judge no accepted 16 submit 31 假設你有乙個各位數字互不相同的四位數,把所有的數字從大到小排序後得到a,從小到大後得到b,然後用a b替換原來這個數,並且繼續操作。例如,從1234出發,依次可以得到4321 ...

子元素設定margin會影響父元素問題

參考 給子元素設定的margin結果作用在父元素身上,類似於 越級偽命令 問題的解決辦法有三種 1 為父元素設定padding。2 為父元素設定border。3 為父元素設定 overflow hidden 如果子元素不是div,p,h1等塊級標籤,而是a,span等行內標籤的話,則不會出現marg...