• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    css如何控制一個div在另一個div中間

    新建一個html文件,定名為test.html,用于講解css若何節制一個div在另一個div中心。

  • 2

    在test.html文件內,利用css對div進行初始化,設置其表里邊距都為0,并讓div浮動標的目的左。

  • 3

    在test.html文件內,建立一個div,并設置其class屬性為xx,用于下面界說其css樣式。

  • 4

    在test.html文件內,利用css設置類名為xx的div樣式,設置其寬度、高度都為300px,布景顏色為紅色。

  • 5

    在test.html文件內,在上面div的內部,再建立一個div,并設置其類名為ss。

  • 6

    在test.html文件內,利用css設置類名為ss的div樣式,設置其高寬為100px,布景顏色為白色,上邊距為100px,左邊距為100px。

    注:

    上邊距=(外層div總的高度-內部div的高度)/2

    左邊距=(外層div總的寬度-內部div的寬度)/2

  • 7

    在瀏覽器打開test.html文件,查看實現的結果,當作功實現一個div在另一個div中心結果。

    • 發表于 2019-09-17 23:12
    • 閱讀 ( 918 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆