CSS中可以使用div標簽來進行頁面布局,而div的大小又可以通過CSS來控制。下面我們來探討一下如何設置div在屏幕中的大小。
//HTML代碼//CSS代碼 .box{ width: 100px; height: 100px; }
上面的代碼中,我們通過設置寬度和高度來指定div元素的大小。這里的寬度和高度是以像素為單位的,所以會根據不同屏幕的像素密度而有所不同。
//HTML代碼//CSS代碼 .box{ width: 50%; height: 50%; }
除了像素,我們還可以使用百分比來指定div元素的大小。上面的代碼中,我們將寬度和高度都設置為了屏幕寬度和高度的一半。
//HTML代碼//CSS代碼 .box{ width: calc(100% - 20px); height: calc(100% - 20px); }
還有一種方式是使用calc()函數來計算div的大小。在上面的代碼中,我們計算了div寬度和高度都減去了20像素。
以上是關于設置div屏幕大小的幾種方法,它們都有各自的優缺點,需要根據實際情況選擇合適的方式。
上一篇css div居中并排
下一篇css div強制換行