欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

網站建設之網頁布局小技巧

2022-06-09    分類: 網站建設

網站建設之網頁布局小技巧:讓頁眉始終保持底部的方法

有時候,我們用網頁創(chuàng)建一個高度自適應布局,如何保證頁眉(footer)在內容不超過一屏的情況下始終保持在布局最下方是一個比較頭疼的事。我看過一些利用絕對定位的例子,但總感覺不是那么好,經過一下午的研究總結出一個利用負值外補丁的方法來實現這個效果的方法,兼容IE5.0+,Opera 8.5+,Firefox 1.5+。下面我們看步驟:

  1、為了讓瀏覽器識別高度100%我們需要先給 html 和 body 加上一個高度值,同時清除所有元素的 margin 和 padding。順便提一下,經過我的測試,html 和 body 的 height: 100%; 等于整個瀏覽器窗口的總高度,無論內容是否超過一屏。而它們下一級子元素 height: 100%; 則等于第一屏的高度。如何,是不是有點不好理解?

  * {margin: 0;padding: 0;}

  html, body {height: 100%;}

  2、因為上面提到的問題,所以為了讓布局自適應高度,我們要加上 min-height: 100%;,雖然IE不支持這個屬性但是IE的 height: 100%; 有同樣的作用:

  #wrapper {min-height: 100%;}

  * html #wrapper {height: 100%;}

  這樣,一個最簡單的最小高度滿一屏的自適應布局就做好了。為了便于查看,我加了一些寬度和背景色修飾,如下:

  * {margin: 0;padding: 0;}

  html, body {height: 100%;text-align: center;font: 12px/1.4 Verdana, sans-serif;background: #f00;}

  #wrapper {width: 770px;min-height: 100%;background: #ccc;margin: auto;text-align: left;}
   
    html #wrapper {height: 100%;}

網站建設時,網頁布局是很重要的內容。

網站題目:網站建設之網頁布局小技巧
當前地址:http://aaarwkj.com/news/165377.html

網站建設、網絡推廣公司-創(chuàng)新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站建設

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

綿陽服務器托管
国产黄片a三级久久久久久| 亚洲第一国产综合自拍| 禁止18岁以下的视频| 亚洲av日韩精品一区二区| 日本经典三级视频在线观看| 亚洲中国av一区二区| 美腿丝袜清纯唯美亚洲另类| 亚洲成人精品青青香蕉| 久久五月精品综网中文字幕| 91亚色在线免费观看| 亚洲精品一区二区三区高清| 午夜精品视频免费91| 日本的黄色录像一级带| 亚洲美女av一区二区三区| av在线免费播放观看| 亚洲中文波霸中文字幕| 国产成人国产三级国产精品| 新人妻一区二区在线视频| 久久精品无人区乱码一区二区| 国产日韩熟女中文字幕| 亚洲高清中文字幕专区| 91欧美精品午夜性色福利| 成人午夜欧美熟妇小视频| 一本色道久久亚洲综合精品蜜桃| 观看亚洲一区二区三区大片| 国欧美一区二区三区| 99热成人精品热久久| av永久免费观看网站| 亚洲成人午夜免费在线观看| 高颜值紧身牛仔裤国产精品| 久久精品国产亚洲av蜜点| 欧美日韩精品成人大片| 97免费人妻在线视频| 日本中文字幕一二三四区| 欧美日韩国产成人一区| 男女性情视频免费大全网站| 中文字幕伦理一区二区三区| 国产精品一区二区高潮| 久久97精品人人做人人爽| 亚洲午夜经典一区二区日韩| 欧美日韩精品偷拍一区二区|