<sub id="fr3ls"><listing id="fr3ls"></listing></sub>

        <wbr id="fr3ls"><pre id="fr3ls"></pre></wbr>

        本站關鍵詞:淄博網站建設,淄博網站設計,淄博網站制作,淄博網站優化,淄博手機網站建設,淄博網站推廣,淄博網絡公司
        | | |

        絕對定位和浮動的區別和運用

          2016/8/21 8:48:44

        絕對定位和浮動的區別和運用


        定位和浮動有些朋友可能還在迷惑,兩者都可以分欄布局,到底什么時候用浮動,什么時候用定位呢?

        當一個元素使用絕對定位后,它的位置將依據瀏覽器左上角開始計算或相對于父容器(在父容器使用相對定位時)。 絕對定位使元素脫離文檔流,因此不占據空間。普通文檔流中元素的布局就當絕對定位的元素不存在時一樣。因為絕對定位的框與文檔流無關,所以它們可以覆蓋頁面上的其他元素。

        而浮動元素的定位還是基于正常的文檔流,然后從文檔流中抽出并盡可能遠的移動至左側或者右側。文字內容會圍繞在浮動元素周圍。當一個元素從正常文檔流中抽出后,仍然在文檔流中的其他元素將忽略該元素并填補他原先的空間。它只是改變了文檔流的顯示,而沒有脫離文檔流,理解了這一點,就很容易弄明白什么時候用定位,什么時候用浮動了。

        一個元素浮動或絕對定位后,它將自動轉換為塊級元素,而不論該元素本身是什么類型。

        淄博網站優化 www.fgthyj.com

         

         

        在線留言 客服QQ
        返回頂部
        準備開始業務了嗎? 您的需求 / 意見

        首頁| 關于億泰| 服務支持| 產品體驗| 客戶案例| 新聞中心| 基礎服務| 聯系我們| 網站地圖

        淄博網站建設服務地區:張店、臨淄、博山、淄川、周村、博興、鄒平、廣饒、桓臺、高青、開發區、濱州、東營

        版權所有:淄博億泰信息技術有限公司 Copyright © www.fgthyj.com Corporation, All Rights Reserved 備案號: 魯ICP備15029606號-1      魯公安網備 37030302000245號   

        岛国精品一区免费视频在线,日本免费一区二区三区最新,东京热人妻无码人AV,永久免费A片无码无需播放器 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>