短巴士dvd中字_欧美日韩在线视频一区_国产精品福利三级_无码aⅴ精品视频一区二区三区

網(wǎng)頁(yè)設(shè)計(jì)中的包含塊

  • 2019-02-26 18:25:06
  • 閱讀次數(shù):次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://www.u58td.cn

本章較早前討論過(guò)網(wǎng)頁(yè)設(shè)計(jì)中浮動(dòng)元素的包含塊。對(duì)于浮動(dòng)元素,其包含塊定義為最近的塊級(jí)祖先元素。對(duì)于定位,情況則沒(méi)有這么簡(jiǎn)單。CSS2.1定義了以下行為:

“根元素”的包含塊(也稱(chēng)為初始包含塊)由用戶(hù)代理建立,在HTML中,根元素就是html元素,不過(guò)有些瀏覽器會(huì)使用body作為根元素。在大多數(shù)瀏覽器中,初始包含塊是一個(gè)視窗大小的矩形。

對(duì)于一個(gè)非根元素,如果其position值是relative或static,包含塊則由最近的塊級(jí)框、表單元格或行內(nèi)塊祖先框的內(nèi)容邊界構(gòu)成。

對(duì)于一個(gè)非根元素,如果其position值是absolute,包含塊設(shè)置為最近的position值不是static的祖先元素(可以是任何類(lèi)型)。這個(gè)過(guò)程如下:

—如果這個(gè)祖先是塊級(jí)元素,網(wǎng)站建設(shè)包含塊則設(shè)置為該元素的內(nèi)邊距邊界,換句話(huà)說(shuō),就是由邊框界定的區(qū)域。

—如果這個(gè)祖先是行內(nèi)元素,包含塊則設(shè)置為該祖先元素的內(nèi)容邊界。在從左向右讀的語(yǔ)言中,包含塊的上邊界和左邊界是該祖先元素中第一個(gè)框內(nèi)容區(qū)的上邊界和左邊界,包含塊的下邊界和右邊界是最后一個(gè)框內(nèi)容區(qū)的下邊界和右邊界。在從右向左讀的語(yǔ)言中,包含塊的右邊界對(duì)應(yīng)于第一個(gè)框的右內(nèi)容邊界,包含塊的左邊界則取自最后一個(gè)框的左內(nèi)容邊界。上下邊界也是一樣。

—如果沒(méi)有祖先,元素的包含塊定義為初始包含塊。

這里有一點(diǎn)很重要:網(wǎng)站建設(shè)里元素可以定位到其包含塊的外面。這與浮動(dòng)元素使用負(fù)外邊距浮動(dòng)到其父元素內(nèi)容區(qū)外面很類(lèi)似。這也說(shuō)明,“包含塊”一詞實(shí)際上應(yīng)該是“定位上下文”,不過(guò),由于規(guī)范使用的是“包含塊'所以我也沿用了這個(gè)說(shuō)法(我已經(jīng)在盡力減少由此帶來(lái)的誤解,真的!)。

當(dāng)前文章標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)中的包含塊

當(dāng)前URL:http://www.u58td.cn/news/wzzz/containing-block.html

上一篇:網(wǎng)頁(yè)設(shè)計(jì)中的定位類(lèi)型

下一篇:?網(wǎng)頁(yè)設(shè)計(jì)中的偏移屬性

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號(hào))