前端面試題 總結及答案 (持續更新)

Html5 Css 部分

1.行內元素和塊級元素的區別?行內塊元素的兼容性使用?(IE8 以下)

答:
行內元素:同類型的標籤排在同一排,內容撐開寬度,不能包含塊級元素,設置width,height無效(可以設置line-height),padding上下無效,margin上下無效,代碼換行被解析,解析寬度和父級的字體大小有關。
塊級元素:會獨佔一行,垂直方向排列,默認寬度是父級100%的寬,支持所有css的樣式。

2.清除浮動有哪些方式?比較好的方式是哪一種?

答:
1.父級也浮動。弊端:通篇都浮動,margin頁面居中會失效, 可以理解父級如果有浮動,子級的浮動不需要做清浮動處理
2.給父級加 display:inline-block; 弊端:margin頁面居中會失效可以理解父級如果有display:inline-block,子級的浮動不需要做清浮動處理。
3.給父級加高; 弊端:不利於擴展,可以理解爲父級如果有高度,並且萬年不變,不需要做清浮動的操作。
4.給父級加overflow:hidden;弊端:子級有可能(注意是有可能)顯示不完全
overflow:
auto 溢出出現滾動條
scroll 溢出出現滾動條
hidden 溢出隱藏
5.僞類清浮動
清浮動
clear 標籤元素的某一側不允許出現浮動元素
left 左邊不允許出現浮動元素
right 右邊不允許出現浮動元素
both 兩邊不允許出現浮動元素

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章