預設情況下,html、body(除ie6)是沒有高度,但body有margin
在上圖中ie8,ie9,chrome,ff一樣
當僅僅給body設定height=100%時(html未設定height)沒有什麼改變,除了ie6,因為ie6中html預設100%
當給html,body都設定height=100%後,二者的高度都是視窗的高度,並且每次隨著視窗大小的改變也會相應的改變,但是當內容的高度大於二者的高度後, 他們不能自由的伸展,以包容內部子元素,除非去掉html或body的height=100%(下圖中紫色的框便是body)
(實驗中也發現: 1、所有瀏覽器都支援margin:0 auto居中,並不是像之前所述在ie中需要使用text-align屬性來居中。 2、使用jquery獲得document、html、body的滾動高度時($(document)、$(document.documentelement)、$(document.body)),除了 chrome是document和body一樣,html為0,其他都是document和html一樣,body為0)
之後將講解ie6 fixed,有一種方法也於此有一定的關係
由 引發的思考
前陣子在乙個移動專案中,通過 的方式 繫結click 事件來提交乙個表單,由於表單資訊比較敏感,於是採用的post 同步提交的方式,原本到也沒有什麼。後來萬惡的pm說 你這個按鈕呀,要固定在底部比較好 於是乎就通過 position fixed 固定到底部了。那麼,問題來了 在ios 下,虛擬鍵盤是...
由XML Literal引發的思考
首先,什麼是xml literal呢?原來,這是在vb.net 9.0才引入的乙個用於構建xml物件的新特性,並且只有vb.net 9.0才支援。我們都知道,要建立xml樹,可以使用linq中的api,如下所示 出自vb.net 9.0 xml literal dim xml2 new xeleme...
由Web前端引發的思考
程式設計,以前真是有點誤解這個詞了,認為程式設計也就是用計算機進行編碼以實現人的需求。今天才明白,這是對程式設計狹義的理解。程式設計應該是通過用計算機去實現或者做到人做不到或者需要很多時間或精力做到的事,以提高社會的生產效率。而計算機並不知道怎樣去做,這還是需要人考慮的,我們把要做的事情分析分解,然...