CSS定位

1、CSS可以指定塊狀元素的位置
2、塊狀元素的標簽:
<div></div>分區(qū)
<p></p> 段落
<span></span> 行內(nèi)段
<foot></foot> 頁腳

3、定位手段

 3.1 普通流 相對定位
 3.2  浮動 
 3.3  絕對定位

相對定位:
注意:元素可能重疊

<p style="position:relative;left:-20px;bottom:-20px">我的第一個網(wǎng)頁</p>

絕對定位:
注意:根據(jù)瀏覽器定位 或者根據(jù)前一個塊的位置定位

<p style="position:absolute;left:-20px;bottom:-20px">我的第一個網(wǎng)頁</p>

浮動定位:

<img src="a.jpg" style="float:left"></img>
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 當在這一個頁面上實現(xiàn)布局和定位有幾種不同的技術。使用哪種技術,很大程序上取決于內(nèi)容和目標頁面,因為有很多技術比別人...
    lulu_c閱讀 1,223評論 0 5
  • CSS 定位 CSS有三種基本的定位機制:普通流,浮動,絕對定位(absolute, fixed):普通流是默認定...
    _空空閱讀 5,978評論 0 15
  • CSS定位/浮動——position/float CSS 為定位和浮動提供了一些屬性,利用這些屬性,可以建立列式布...
    pushyzheng閱讀 349評論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,168評論 1 92
  • 譯者:cherryvenus鏈接:http://www.zcfy.cc/article/1390原文:https:...
    IT程序獅閱讀 3,355評論 0 18

友情鏈接更多精彩內(nèi)容