动态更改角度6中div的宽度

可以通过使用JavaScript来实现。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
    <style>
        .div {
            height: 100px;
            background-color: #f1f1f1;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="div" id="div1"></div>
    <div class="div" id="div2"></div>
    <div class="div" id="div3"></div>
    <div class="div" id="div4"></div>
    <div class="div" id="div5"></div>
    <div class="div" id="div6"></div>

    <script>
        // 获取div元素
        var div1 = document.getElementById("div1");
        var div2 = document.getElementById("div2");
        var div3 = document.getElementById("div3");
        var div4 = document.getElementById("div4");
        var div5 = document.getElementById("div5");
        var div6 = document.getElementById("div6");

        // 动态更改div的宽度
        div1.style.width = "100px";
        div2.style.width = "200px";
        div3.style.width = "300px";
        div4.style.width = "400px";
        div5.style.width = "500px";
        div6.style.width = "600px";
    </script>
</body>
</html>

在上述代码中，我们首先定义了一个CSS样式，其中包含了一个名为"div"的类，用于设置div的样式。然后在HTML中创建了6个div元素，并为每个div元素设置了一个唯一的id。接下来，使用JavaScript获取每个div元素的引用，并通过修改其style属性中的width属性来动态更改宽度。

请注意，以上代码仅为示例，实际应用中可能需要根据具体需求进行修改。