<s id="z8ggw"><dfn id="z8ggw"></dfn></s>
<s id="z8ggw"></s>

<span id="z8ggw"><u id="z8ggw"></u></span>
  • <s id="z8ggw"></s>
    <u id="z8ggw"></u><s id="z8ggw"><dfn id="z8ggw"></dfn></s><dfn id="z8ggw"></dfn>
  • 網頁設計中的浮動元素

    • 2019-02-14 14:52:01
    • 閱讀次數:
    • 作者:盈嵐科技小編
    • 來源:http://www.bibiworld.net

    浮動元素

    網頁設計人員對于浮動元素有幾點要記住。首先,會以某種方式將浮動元素從文檔的正常流中刪除,不過它還是會影響布局。采用網站建設css的特有方式,浮動元素幾乎“自成一派”,不過它們還是對文檔的其余部分有影響。

    這種影響源自于這樣一個事實:一個元素浮動時,其他內容會“環繞”該元素。對于浮動圖像來說,這種行為我們已經很熟悉了,不過要知道,元素浮動時也同樣如此(例如,浮動一個段落在圖10-2中,由于為浮動段落增加了外邊距,可以很清楚地看到這種行為:

    p.aside {float: right; width: 15em; margin: 0 1em 1em; padding: 0.25em; border: 1px solid;}

    可以注意到一些有意思的情況,首先,網頁設計中浮動元素周圍的外邊距不會合并。如果浮動一個有20像素外邊距的圖像,在這個圖像周圍將至少有20像素的空間。如果其他元素與此圖像相鄰(這表示水平相鄰和垂直相鄰),而且這些元素也有外邊距,那么這些外邊距不會與浮動圖像的外邊距合并,如圖10-3所示:

    p img {float: left; margin: 25px;}

    第7章做過一個比喻,將元素比作是有塑料邊的紙片,再來看這個比喻,圖像周圍的塑料邊(外邊距)絕對不會與其他浮動元素周圍的塑料邊重疊。

    如果確實要浮動一個非替換元素,則必須為該元素聲明一個width。否則,根據網站建設CSS規范,元素的寬度趨于0。因此,假設瀏覽器的最小width值是1個字符,那么浮動段落可能只有1個字符寬。如果沒有為浮動元素聲明width值,最后可能得到如圖10-4所示的結果(坦率地說,這種情況很少見,但確實是可能的)。

    圖10-4:沒有顯式寬度的浮動文本不浮動

    不浮動

    除了left和right外,float屬性還有一個值,float: none用于防止元素浮動,

    這看上去可能有些傻,因為要讓一個元素不浮動,最容易的辦法就是不聲明float,這樣不就行了嗎?確實如此。首先,float的默認值是none。換句話說,要得到正常的非浮動行為,必須有這個值,如果沒有這個none值,所有元素都會以某種方式浮動。

    其次,網站建設人員可能想覆蓋導入樣式表中的某個樣式。假設設計人員在使用一個服務器端樣式表,這個樣式表要讓圖像浮動。不過在某個特定的頁面上,設計人員不希望圖像浮動。不必為此再編寫一個全新的樣式表,而只需在文檔的嵌套樣式表中增加img {float: none;},不過,除了這種情況,確實很少有必要真正使用float: none.

    當前文章標題:網頁設計中的浮動元素

    當前URL:http://www.bibiworld.net/news/wzzz/floating-element.html

    上一篇:網頁設計中的浮動

    下一篇:網頁設計中的浮動詳細內幕

    網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
    美女隐私免费网站,美女隐私全部免费网站,美女隐私网站免费看视频,美女隐私网站免费视频,美女隐私无遮挡网站视频,国产最大精品免费AV电影网站,国产最爽的乱婬视频,国产最爽的乱婬视频a,国产最新97超级碰碰碰碰碰久,国产最新99精品视频,巨胸流奶水视频www冈,巨胸美女露双奶头无圣光,巨胸喷奶水视频WWW,俱乐部换娇妻大杂交,剧情原创AV影视,人人操人人爽人人喊,人人操人人爽人人贱,人人操人人爽人人噜,人人操人人爽人人摸,人人操人人爽人人透,一圾黄色片一区二区_一个中国一级黄片儿_一个色综合高清在线观看,一女4p三黑人免费视频_一男一女真人免费A片_一男一女无遮掩一级毛片,一级婬片A级中文字幕_一级淫录像一区二区_一级一人片日本一级一大片,91九色国产社区在线观看,91九色蝌蚪熟女,91九色老熟女免费资源站,91九色私密保健,91九色自拍视频,一本高清无码dvd在线播放_一本高清码二区三区网站_一本高清码二区三区不卡。