CSS和div是網(wǎng)頁(yè)設(shè)計(jì)中常用的工具，可以用來(lái)設(shè)置頁(yè)面長(zhǎng)寬，下面是一些關(guān)于如何使用CSS和div來(lái)設(shè)置頁(yè)面長(zhǎng)寬的技巧。

1、使用CSS設(shè)置div的寬度和高度

在CSS中，可以使用width和height屬性來(lái)設(shè)置div的寬度和高度，要將一個(gè)div的寬度設(shè)置為300像素，高度設(shè)置為200像素，可以使用以下CSS代碼：

div {
  width: 300px;
  height: 200px;
}

2、使用div嵌套設(shè)置寬度和高度

可以通過(guò)嵌套div來(lái)設(shè)置更復(fù)雜的寬度和高度，要將一個(gè)div的寬度設(shè)置為100%，高度設(shè)置為300像素，可以使用以下HTML和CSS代碼：

<div style="width: 100%;">
  <div style="height: 300px;"></div>
</div>

3、使用CSS的box-sizing屬性設(shè)置寬度和高度

CSS的box-sizing屬性可以用來(lái)控制div的寬度和高度是否包含邊框和填充，要將一個(gè)div的寬度設(shè)置為300像素，高度設(shè)置為200像素，并且包含邊框和填充，可以使用以下CSS代碼：

div {
  width: 300px;
  height: 200px;
  box-sizing: border-box;
}

4、使用CSS的max-width和max-height屬性設(shè)置***大寬度和高度

CSS的max-width和max-height屬性可以用來(lái)設(shè)置div的***大寬度和高度，要將一個(gè)div的寬度設(shè)置為***大300像素，高度設(shè)置為***大200像素，可以使用以下CSS代碼：

div {
  max-width: 300px;
  max-height: 200px;
}

5、使用CSS的min-width和min-height屬性設(shè)置***小寬度和高度

CSS的min-width和min-height屬性可以用來(lái)設(shè)置div的***小寬度和高度，要將一個(gè)div的寬度設(shè)置為***小300像素，高度設(shè)置為***小200像素，可以使用以下CSS代碼：

div {
  min-width: 300px;
  min-height: 200px;
}