布局——聖杯和雙飛翼布局
阿新 • • 發佈：2018-10-09
word 不換行 order 自己的 wrap borde 是我 pos 一個
- css可以繼承的屬性有哪些？
Font 系列 text系列 color line-height
- border-radius的值的問題
四個值的順序是 左上 右上 右下 左下。
- white-space 規定段落中的文本換不換行 往往值是nowrap 不換行
- Word-wrap 屬性允許長的內容可以自動換行 屬性值是 break-word 允許 默認是不允許
- 寫三角形
寬高必須是0
- margin對布局的影響 雙飛翼布局 聖杯布局 （）
Margin是 外邊距，屬性值是數字 數字又分正負。
正數：margin：20px；
負數：在static元素中（標準流下）margin-left為負數當前元素向左走 margin-top為負當前元素向上走
Margin-bottom為負數後當前元素不動後面的元素向上走，margin-right為負數當前元素不動後面的元素向左走
註意的，margin為負會增大當前元素的寬（前提是當前元素沒有設置width）
場景
給ul一個margin-right 就無形之中給ul加了20px寬度。
在float下
Margin為負 也是我們常用的雙飛翼，聖杯布局
中間自適應 兩端固定
給元素margin-left為負當前元素向左走，margin-right為負後一個元素向左走會覆蓋當前元素。
在absolute下
Margin為負
讓元素居中，前提是知道元素的寬高。
div{
Position：absolute；
Left：50%；
Top：50%；
Margin-left:-width/2;
Margin-top:-height/2
}
Margin為負無論在什麽條件下都是釋放自己的空間，如果自己的margin不夠，就把自己的寬高貢獻出去。
布局——聖杯和雙飛翼布局