[分享]css中div的宽高设置

是 CSS 中最基本的一个标签，常用于作为 HTML 页面的一个块级容器元素，被用于构建网页的布局框架。而在 CSS 中，我们可以通过设置 div 元素的宽度和高度实现对网页组件的样式控制。
在 CSS 中，可以通过直接设置 div 元素的 width 和 height 属性来控制其宽度和高度。例如，下面的代码可以将 div 元素的宽度设置为 200 像素，高度设置为 100 像素：

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

除了直接设置 div 元素的宽高属性，我们还可以使用其他一些 CSS 属性来更加精细地控制其样式。例如，我们可以使用 padding 和 border 属性来调整 div 元素的内边距和边框，从而达到更加优美的布局效果。

div {
  width: 200px;
  height: 100px;
  padding: 10px;
  border: 1px solid black;
} 

上面的代码片段中，我们使用了 padding 属性来设置 div 元素的内边距，使其在宽度和高度上各向外扩展 10 像素；同时，通过 border 属性设置 div 元素的外边框宽度为 1 像素，外边框样式为实线，边框颜色为黑色。
总之，在 CSS 中，通过设置 div 元素的宽度和高度以及其他相关属性，我们可以达到多彩多样的布局效果，使网页更加美观、易读。