React地圖項目的學習----css學習

overflow: hidden;

 

margin: 6px auto

margin後面bai可以帶四個參數。du margin:6px 0px 6px 0px;參數分別是TRBL。即上右下左。 可以zhi簡寫成margin:6px auto;正如你所說的6px爲上下邊距,auto爲左右。

 

display:none

 

overflow-x:hidden

 

 

 

CSS中clear:both的作用

lywyb112 2019-02-19 18:40:34   6040   收藏 10
分類專欄: web前端開發
版權
clear:both意思就是清除浮動,例如我們設置了三個div如下:

<div style="line-height: 30px;
            background-color: #EEEEEE;
            height: 100px;
            width: 50px;
            float: left;
            padding: 5px;">
    側邊欄<br>
    側邊欄
</div>
<div style="width: 150px;
            float: left;
            padding: 5px;">
    <p>內容</p>
</div>
<div style="background-color: #0bbb15;
            color:white;
            text-align:center;
            padding:5px;">
    底部欄
 
</div>
我們希望最後一個“底部攔”的div可以位於最底下,但是這樣寫運行發現底部攔位於上方了:

這時候我們在底部欄的div上加入clear:both;:

<div style="background-color: #0bbb15;
            color:white;
            clear:both;
            text-align:center;
            padding:5px;">
    底部欄
 
</div>
運行發現,底部欄div成功位於底部了:

這是因爲使用clear:both;清除了前面兩個div設置的float: left;(浮動)

 
————————————————
版權聲明:本文爲CSDN博主「lywyb112」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/liulanzaijia/article/details/87725232

 

position: static

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章