<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      如何使用css進行定位?css布局與定位詳細說明

      [摘要]怎么利用css進行定位?CSS可以幫助您定位HTML元素。 您可以將任何HTML元素放在您喜歡的任何位置。 您可以指定是否希望元素相對于頁面中的自然位置定位,還是基于其父元素定義,下面我們來講解一下css布局與定位。一:相對定位相對定位會更改HTML元素相對于正常顯示位置的位置。left:20為元...
      怎么利用css進行定位?CSS可以幫助您定位HTML元素。 您可以將任何HTML元素放在您喜歡的任何位置。 您可以指定是否希望元素相對于頁面中的自然位置定位,還是基于其父元素定義,下面我們來講解一下css布局與定位。

      微信截圖_20181031172632.png

      一:相對定位

      相對定位會更改HTML元素相對于正常顯示位置的位置。left:20為元素的LEFT位置增加了20個像素!就扑]閱讀:相對定位,絕對定位與固定定位詳解

      您可以使用top和left兩個值以及position屬性將HTML元素移動到HTML文檔中的任何位置。

      向左移動 - 左側使用負值。

      向右移動 - 使用左側的正值。

      上移 - 使用頂部的負值。

      下移 - 為top使用正值。

      注意 - 您也可以使用底部或右側的值,方法與頂部和左側相同。

      二:絕對定位

      position:absolute的元素位于相對于屏幕左上角的指定坐標處。

      您可以使用top和left兩個值以及position屬性將HTML元素移動到HTML文檔中的任何位置。

      向左移動 - 左側使用負值。

      向右移動 - 使用左側的正值。

      上移 - 使用頂部的負值。

      下移 - 為top使用正值。

      注意 - 您也可以使用底部或右側的值,方法與頂部和左側相同。

      三:固定定位

      固定定位允許您將元素的位置固定到頁面上的特定位置,而不管滾動。 指定的坐標將相對于瀏覽器窗口。

      您可以使用top和left兩個值以及position屬性將HTML元素移動到HTML文檔中的任何位置。

      向左移動 - 左側使用負值。

      向右移動 - 使用左側的正值。

      上移 - 使用頂部的負值。

      下移 - 為top使用正值。

      注意 - 您也可以使用底部或右側的值,方法與頂部和左側相同。

      以上就是對怎么利用css進行定位?css布局與定位詳解的全部解釋,如果你想了解更多有關CSS教程,請關注php中文網。

      以上就是怎么利用css進行定位?css布局與定位詳解的詳細內容,更多請關注php中文網其它相關文章!


      網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




      日韩精品一区二区三区高清