<video id="dxbtz"></video>
<del id="dxbtz"><listing id="dxbtz"><strike id="dxbtz"></strike></listing></del>
    <meter id="dxbtz"></meter>
<var id="dxbtz"><menuitem id="dxbtz"></menuitem></var>
<menuitem id="dxbtz"><mark id="dxbtz"><listing id="dxbtz"></listing></mark></menuitem>

      <noframes id="dxbtz">
      <meter id="dxbtz"></meter>

        <progress id="dxbtz"><dfn id="dxbtz"></dfn></progress>
            
            

                <track id="dxbtz"></track>
                <thead id="dxbtz"><dfn id="dxbtz"></dfn></thead>
                  <cite id="dxbtz"><menuitem id="dxbtz"><p id="dxbtz"></p></menuitem></cite>

                          <nobr id="dxbtz"><menuitem id="dxbtz"><font id="dxbtz"></font></menuitem></nobr><ol id="dxbtz"><output id="dxbtz"></output></ol>
                            您好,歡迎訪問天津津坤科技發展有限公司網站!我公司是專業的網站建設、網站優化SEO、分站系統,如有需要請聯系我們,熱線電話:400-1166-518.
                            關于我們
                            News Center
                            新聞中心

                            靜海CSS 各種定位(position)方式的區別

                            發布時間:2017-11-22     閱讀次數: 2483 次

                                   static:靜態定位是position的默認值,元素框正常生成,也就是沒有定位時的正常顯示。

                              relative:相對定位

                              用法一:元素相對自身的原位置偏移某個距離,但是原本的空間依舊保留,表現為空白。

                              用法二:把一個元素設置為position: relative; 可以使該元素的子元素相對該元素絕對定位。

                              absolute:絕對定位

                              元素從文檔流刪除,并相對于包含塊定位。元素在原本的空間關閉。元素定位后生成一個塊級框,不論它原來是行內元素還是塊級元素。

                              包含塊:最近的position值不是static的祖先元素(塊級或行內),一般會指定一個元素作為絕對定位元素的包含塊,將其position設置為relative而且沒有偏移。

                              fixed:固定定位

                              元素從文檔流刪除,并相對于瀏覽器視窗定位,因此不隨文檔滾動而移動。元素在原本的空間關閉。元素定位后生成一個塊級框,不論它原來是行內元素還是塊級元素。與絕對定位的區別僅僅是包含塊不同。

                              包含塊:瀏覽器視窗。

                              absolute/fixed和float對比

                              類似:元素都會從文檔流刪除,但是依舊會影響布局;都會生成一個塊級框,無論原來是不是塊級元素。

                              區別:float的包含塊是最近的塊級祖先元素。

                              偏移屬性:top/right/bottom/left,初始值是auto。

                              采用position定位之后必須采用偏移屬性定義偏移量,也就是相對包含塊的偏移。注意應用于position值不是static的元素。

                              有時也需要定義width和heigth,但是可能會和偏移屬性的定義沖突,因為四個偏移屬性實際上已經定義了元素的大小。此時,根據width和left屬性定義左右,根據top和height屬性定義上下。

                              內容溢出overflow: visible/ hidden/ scroll /auto/ inherit,初始值是visible。

                              一個元素的大小固定,但是其內容放不下,就會導致溢出。overflow控制溢出部分的可見(visible)、不可見(hidden)、滾動可見(scroll)。

                              元素可見性visibility: visible/ hidden/ collapse/ inherit,初始值是visible。

                              visibility:hidden和display:none的區別:visibility:hidden設置元素不可見,但是元素依舊會影響布局,只是元素部分呈現為空白;display:none元素不顯示并且從文檔流中刪除,對文檔布局沒有任何影響。


                            最新更新動態

                            靜海SEO常用的專業術語

                            學習SEO或做SEO的前提是熟悉甚至精通常用的SEO專業術語?;A越牢固,以后的...

                            2022-03-01

                            靜海SEO術語中的長尾詞理論是什么?

                            SEO前言:SEO相關術語很多,長尾詞理論是重要的知識點之一。所謂的SEO,如何...

                            2022-01-01

                            靜海網站備案與網站收錄有直接關系嗎

                            其實,網站不收錄或者新站不被收錄是其他原因造成,它真的和網站備案與否沒有任何的影...

                            2021-06-04

                            靜海如何在不降權的情況下修改網站標題

                            有很多seoer都會發現一個主要的問題,站長們優化網站一段時間后,優化網站排名沒...

                            2021-04-23

                            靜海網站過度優化應該如何避免

                            互聯網行業里網絡營銷都離不開網站優化,對于一些業務相對不是很熟練的站長來說,掌握...

                            2021-04-02

                            靜海網站優化中怎么提升內容轉換率

                            俗話說:人靠衣裝,美靠亮妝。seo也同樣有著這些道理:站靠美工,順靠內容。

                            2021-03-12

                            靜海網站優化需要做百度問答嗎

                            做百度優化的網站,看中了百度的權重值大,檢索關鍵字排名十分靠前,而很多百度產品全...

                            2021-01-27

                            靜海提高營銷網站優化中包含頁面數量的方法

                            相信各位站長在建設營銷網站優化后,大家會考慮優化工作,而更優化的指標就是網站數量...

                            2021-01-16

                              <video id="dxbtz"></video>
                            <del id="dxbtz"><listing id="dxbtz"><strike id="dxbtz"></strike></listing></del>
                              <meter id="dxbtz"></meter>
                            <var id="dxbtz"><menuitem id="dxbtz"></menuitem></var>
                            <menuitem id="dxbtz"><mark id="dxbtz"><listing id="dxbtz"></listing></mark></menuitem>

                                <noframes id="dxbtz">
                                <meter id="dxbtz"></meter>

                                  <progress id="dxbtz"><dfn id="dxbtz"></dfn></progress>
                                      
                                      

                                          <track id="dxbtz"></track>
                                          <thead id="dxbtz"><dfn id="dxbtz"></dfn></thead>
                                            <cite id="dxbtz"><menuitem id="dxbtz"><p id="dxbtz"></p></menuitem></cite>

                                                    <nobr id="dxbtz"><menuitem id="dxbtz"><font id="dxbtz"></font></menuitem></nobr><ol id="dxbtz"><output id="dxbtz"></output></ol>
                                                      国产午夜无码片在线观看影视_欧美成人一区二区三区_亚洲国产欧美在线人成人_撕开奶罩揉吮奶头好爽