在CSS中，我們可以使用不同的方法設(shè)置同標(biāo)簽的不同寬度，以下是一些常見的設(shè)置方法：

1、使用內(nèi)聯(lián)樣式：在HTML元素中使用style屬性來直接設(shè)置寬度，對(duì)于兩個(gè)div元素，可以這樣設(shè)置：

<div style="width: 200px;">Div 1</div>
<div style="width: 300px;">Div 2</div>

2、使用CSS類：在CSS中定義不同的類，然后在HTML中使用這些類來設(shè)置寬度。

.div1 {
    width: 200px;
}
.div2 {
    width: 300px;
}

然后在HTML中使用這些類：

<div class="div1">Div 1</div>
<div class="div2">Div 2</div>

3、使用媒體查詢：根據(jù)屏幕大小設(shè)置不同的寬度，在小屏幕上，你可能希望div的寬度更窄，而在大屏幕上，你可能希望div的寬度更寬，這可以通過媒體查詢來實(shí)現(xiàn)：

@media (max-width: 600px) {
    div {
        width: 100%;
    }
}
@media (min-width: 601px) {
    div {
        width: 500px;
    }
}

4、使用Flexbox或Grid布局：這些布局系統(tǒng)允許你更靈活地控制元素的寬度，而無需為每個(gè)元素單獨(dú)設(shè)置寬度，使用Flexbox：

.container {
    display: flex;
}
.item1 {
    flex: 1;
}
.item2 {
    flex: 2;
}

這樣，item1的寬度將是item2的一半。

這些方法可以根據(jù)你的具體需求和布局進(jìn)行調(diào)整，在設(shè)置寬度時(shí)，也要考慮其他因素，如元素的邊距、填充和邊框等，以確保元素在布局中的位置和大小正確。