今天在寫乙個的這樣排版，在乙個div裡面有ul，其中ul中的li是橫排排放的。那麼我遇到的問題是ul裡面的li與div有一定的邊距，如下圖所示，其中藍色方框是乙個li，而白色區域是乙個div，圖中圈出的紅色方框表示li與div的距離，可見這個邊距還是非常的大。
經過查閱相關資料，得知需要設定ul的邊距padding，我這裡設定ul的邊距padding-left:10px後，得到如下圖的結果。按照當前的樣式，已經滿足需求。
這是今天遇到的問題，特意記錄下來。
設定div邊距
設定外邊距 margin top 20px margin right 30px margin bottom 40px margin left 30px margin 20px 只有乙個值，同時設定四個方向的值 margin 0 20px 兩個值，第乙個值是上下 x軸 第二個值是左右 y軸 margi...
邊距重疊與BFC
邊界重疊是指兩個或多個盒子 可能相鄰也可能巢狀 的相鄰邊界 其間沒有任何非空內容 補白 邊框 重合在一起而形成乙個單一邊界。兩個或多個塊級盒子的垂直相鄰邊界會重合，它們的邊界寬度是相鄰邊界寬度中的最大值。注意水平邊界是不會重合的。父子元素的邊界重疊 以為期待的效果 而實際上效果如下 在這裡父元素的高...
div與span的外邊距
1.text align會對塊元素中的所有內聯內容對齊 實際上text align不僅僅是適用於文字,是對所有型別的內聯元素對齊 另外text align屬性只能在塊元素上設定,如果直接在內聯元素上使用那麼是不起作用的.2.子孫選擇器 2.1 用途 我們只想選擇某些元素的子孫元素.寫法如下 div ...