在HTML中div标簽元素是一個塊狀元素,可以設定元素的大小(寬高)。那麼如何設定?下面本篇文章就來給大家介紹一下,希望對大家有所幫助。
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5CN0EWM2QWNzUzNkN2Y5cDNjhjYiljM0ATMlZTNmJWOh9CX0JXZ252bj91Ztl2Lc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
首先我們來了解一下塊狀元素
塊狀元素代表性的就是div,其他如p、nav、aside、header、footer、section、article、ul-li、address等等,都可以用div來實作。不過為了可以友善程式員解讀代碼,一般都會使用特定的語義化标簽,使得代碼可讀性強,且便于查錯。
塊狀元素特征:
1、高度,行高以及外邊距和内邊距都可控制。
2、總是在新行上開始,占據一整行;即可以自動換行。
3、它可以容納内聯元素和其他塊元素。
4、寬帶始終是與浏覽器寬度一樣,與内容無關。
5、多個塊狀元素标簽寫在一起,預設排列方式為從上至下
css怎麼設定div大小?
在CSS中可以使用width屬性、height屬性來設定div大小。width屬性設定元素的寬度,height屬性設定元素的高度。
width和height屬性定義元素内容區的寬度、高度,在内容區外面可以增加内邊距、邊框和外邊距。
示例:
div{
border: 1px solid red;
}
.box{
width: 300px;
height: 100px;
}
普通div 設定寬度為300px,高度為100px的div
效果圖: