-
absolute與整體頁面布局
查看全部 -
absolute與width和height
查看全部 -
天使的翅膀
查看全部 -
脫離文檔流二三事
查看全部 -
各種對齊溢出技巧實例
查看全部 -
居中以及邊緣對齊定位
查看全部 -
下拉框定位最佳實踐
查看全部 -
圖片圖標絕對定位覆蓋
查看全部 -
無依賴的absolute定位
查看全部 -
別把我和relative栓在一起
查看全部 -
absolute和float
查看全部 -
absolute
查看全部 -
vertical-align、基線
https://segmentfault.com/q/1010000000694663
https://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/
查看全部 -
圖片應用block后的間隙:
是img和div之間的間隙。為什么會有這么一個間隙。img本身是inline-block 水平的元素,因而會受到line-height與vertical-align(而vertical-align 默認是baseline對齊)的作用。而img,block 化之后,便不再受到line-height和vertical-align的影響。
解決方法這個存在的間隙的方法,如果img不設置block的話,可以嘗試設置其父元素的,1.)可以嘗試把 line-height設置足夠小。2.)可以把vertical-align的對齊方式設置為bottom,middle,top。3.)font-size設置為0.
查看全部 -
img是行內元素,不會發生重疊,即便img是塊元素也不會發生重疊,把img當成擁有自己寬高的文字就可以了
查看全部 -
2.先float:left再position:absolute可以去除浮動
原理:絕對定位的元素脫離了文檔流(不占據之前的空間),而浮動元素依舊在文檔流中浮動(依然占據之前空間)
查看全部 -
無依賴性的意思
查看全部 -
高度自適應的九宮格效果
查看全部 -
注釋是為了消除空格查看全部
-
將內容區域想象為body,overflow:auto設置滾動條的出現
查看全部 -
頭尾、側邊欄各居其位:css代碼
查看全部 -
page滿屏顯示的css代碼
查看全部
舉報