首先，就是div的基础使用，div是一个容器，它可以容纳其他html元素，使用div要注意的是要尽可能的减少div的使用，因为太多的div会导致页面结构的混乱。偶在设计页面时通常会先将页面进行划分，将页面划分成几个几个区域，每个区域使用一个div来进行包裹，这样可以使得页面非常清晰。
<div class="header"> ... </div> <div class="content"> ... </div> <div class="footer"> ... </div>
其次，偶认为在设计页面时绝不应该忽略的一部分就是响应式设计，因此div的宽度也是尤为重要的。通常情况下，偶会使用百分比来指定div的宽度。百分比的使用可以使得页面根据不同的屏幕自适应，而不会显得过于拥挤。同时，偶也会使用box-sizing来将padding和border计算到元素的宽度中去，这个在使用百分比时非常重要，否则元素的宽度可能会超出设定的范围。
.box {
width: 80%;
box-sizing: border-box;
padding: 20px;
border: 1px solid #000;
}最后，偶想谈谈在元素的定位上一些小技巧。在css中，大家可以使用position来指定元素的定位方式，通常情况下偶会使用相对定位和绝对定位，相对定位可以使得元素的位置相对于它原本的位置进行移动，而绝对定位可以使得元素完全脱离文档流。在使用绝对定位时，偶会在父元素上使用position: relative来建立参考坐标系。
.parent {
position: relative;
}
.child {
positon: absolute;
top: 0;
left: 0;
}总的来说，div是网页设计中不可或缺的一部分，使用好div可以使得页面结构更加清晰，网页设计更加简洁。但是作为前端开发人员，大家也需要在使用div时考虑性能、可读性以及一些小技巧，这样才能使得大家的网页设计更加高效。