CSS2.1的盒模型中規定的內容——Collapsing margins： 所有毗鄰的兩個或更多盒元素的margin將會合並為一個margin共享之。 毗鄰的定義為：同級或者嵌套的盒元素，並且它們之間沒有非空內容、Padding或Border分隔。 解決辦法： 給父元素 ...

小穎最近做的項目中要實現一個樣式 ，小穎怕自己忘記了，寫個隨筆記下來 需求父元素下有多個子元素，並且子元素過多時要實現自動換行，給每個子元素都加了右邊框，而每個子元素里的內容多少不一定，這就會產生右邊框的高度不一致，長的長短的短，為了解決這個問題，那就必須讓父元素下的子元素都是等高的，並且高度 ...

之前在使用經常遇到下面的問題： html： css： 顯示結果： .one與.top之間並沒有實現margin-top的效果，這個問題發生的原因是根據規范，一個盒子如果沒有上補白(padding-top)和上邊框(border-top)，那么這個盒子的上邊距 ...

當對盒子內的子元素應用float后，導致對象父元素內有高度，不能被撐開自使用高度。這是因為對子元素使用float之后，脫離了正常流，使得父元素沒有高度導致的。 解決辦法： 1.為父元素設置高度：適用於知道父級高度的情況，缺點是父級元素不能自適應 2.使用clear:both清除浮動：這里注意 ...

今天，遇到了一個超級坑的問題，解決了超級久沒找到解決方法，各種百度，終於在茫茫的答案中找到了，太不容易了，淚奔~~ 因此趕緊在這里記錄下！！！！！ 問題：一級父元素采用flex布局，但是沒有設置高度，他有三個子元素，父元素的高度是有第三個子元素的高度撐開的，現在的情況是，需要讓第一個子元素 ...

解決父元素display:flex布局下的子元素寬度被壓縮問題 因為設置了display: flex; 導致block布局變成了flex布局， 所以在子元素寬度沒有被撐破的情況下，子元素寬度是有效的，但是當子元素內容過多，此時寬度會比實際寬度小，所以如果想要在已經設置了flex ...

父元素的盒子包含一個子元素盒子，給子元素盒子一個垂直外邊距margin-top,父元素盒子也會往下走margin-top的值，而子元素和父元素的邊距則沒有發生變化。 html代碼： <div class="box1"> <div class="box2">< ...

css可以通過一些選擇器來實現選擇父元素下某個元素的效果。 選擇器有： :first-child p:first-child(first第一個 child子元素)(找第一個子元素為p) :last-child p:last-child(last倒數 child子元素)(找 ...