前端知識總結

2021-09-25 07:56:00 字數 474 閱讀 1963

一.關於設定div寬度和高度的問題:

1、如果要以百分比設定元素(div)的尺寸,必要以父元素的尺寸作為參考,如果父元素沒有設定尺寸,那麼子元素(div)尺寸自然不會生效。

2、所以如果設定div的高度為100%,那麼他的參考元素就是是body,那麼如何設定body的尺寸呢?

3、在怪異模式下,body可以作為根元素,設定它的高度為100%的時候(不考慮外邊距),body的高度取是瀏覽器的高度。

4、在標準模式下,html元素才是根節點,div的父元素是body,body的父元素是html,然後html設定為100%,取得是瀏覽器的高度,body高度設定為100%,得到的是html的的高度,所以最好同時設定html,body。

5、因為預設body的margin:8px,所以如果div想佔據全屏,需要設定*

原文:

6.解決父級元素和子級元素margin重合問題的方法:為父級元素新增position:absolute屬性。

前端知識總結

非原創,是自己在找資料的時候的一些彙總,自己的一些總結 1 談談你對mvvm開發模式的理解?mvvm分為model view viewmodel三者。model 代表資料模型,資料和業務邏輯都在model層中定義 view 代表ui檢視,負責資料的展示 viewmodel 負責監聽model中資料的...

前端知識總結

基本資料型別 number 數字 數字可以帶小數點也可以不帶 nan infinity null 表示變數的值為空,可以通過將變數的值設定為null來清空變數。string 字串可以是引號中的任意文字。雙引號單引號都可以。也可以使用es6的模板字串 boolean true或false undefi...

WEB前端知識總結

1 css3中設定max width 為讓更好適應螢幕 2 position absolute 讓元素脫離,z index屬性可以改變堆疊順序 3 如何讓元素透明 background color transparent 4 設定透明度 opacity 0.5 5 後台頁面可以使用bootstrap...