CSS_DIV布局的不足分别有哪些

CSS_DIV布局是前端开发中常用的一种页面布局方式，通过使用标签和CSS样式实现页面内容的排列。虽然CSS_DIV布局具有一定的优势，但也存在一些不足，下面就来详细介绍。

1、浏览器兼容性不好

div {
    display: inline-block;
    zoom: 1;
    *display: inline;
} 

CSS_DIV布局在不同的浏览器中会出现不同的问题，兼容性不够好，需要额外增加一些hack方式来解决浏览器兼容问题，增加了开发难度。

2、响应式布局困难

@media screen and (max-width: 640px) {
    div{
        width: 100%;
        float: none;
    }
} 

CSS_DIV布局在响应式布局时会比较困难，需要使用媒体查询来实现不同屏幕下的布局变化，需要耗费大量时间和精力来完成响应式布局的工作。

3、嵌套结构层次过多

<div class="container">
    <div class="header"></div>
    <div class="content"></div>
    <div class="footer"></div>
</div> 

CSS_DIV布局需要使用嵌套结构来实现页面的排版，嵌套结构太多可能会导致代码的可读性和维护性变差，也会增加页面渲染的时间，影响页面性能。

4、代码重复率高

.boxStyle1 {
    width: 50%;
    float: left;
}
.boxStyle2 {
    width: 50%;
    float: right;
} 

CSS_DIV布局中，由于需要使用多个标签来实现页面的布局，有时需要重复编写相似的样式代码，增加了代码的冗余度和可维护性。

综上所述，CSS_DIV布局在实际使用过程中存在一些不足之处，需要开发者在使用时多加注意，合理选择各种布局方式，来满足不同的开发需求。