HTML怎么設置不動只移動左邊 當我們在網頁中需要對一些內容進行排版時，有時會遇到需要固定某一列或某一行，而讓其余部分進行左右或上下滾動的情況。這時，就需要使用HTML中的一些特殊標簽和屬性來實現。 為了讓某一列或某一行不動，我們可以使用HTML中的table標簽和CSS中的position屬性。具體做法如下： 1.首先，我們需要在HTML文件中使用table標簽來創建一個表格。我們可以設置表格的各個屬性，比如大小、邊框樣式等等。

< code ><table>
<thead>
<tr>
<th>固定不動</th>
<th>可左右滾動</th>
<th>可左右滾動</th>
</tr>
</thead>
<tbody>
<tr>
<td>不動</td>
<td>滾動</td>
<td>滾動</td>
</tr>
<tr>
<td>不動</td>
<td>滾動</td>
<td>滾動</td>
</tr>
</tbody>
</table>< / code >

2.然后，我們需要使用CSS來設置表格中某一列或某一行不動。我們可以使用CSS中的position屬性來實現。

< code >table {
position: relative;
}
td:first-child,
th:first-child {
position: absolute;
left: 0;
top: auto;
width: 100px;
height: auto;
}< / code >

上面的代碼中，我們首先給表格設置了position: relative;屬性，這樣它就可以作為一個相對定位的容器。然后使用td:first-child，選擇表格中的第一列，使用th:first-child，選擇表格頭部中的第一列，對其使用position: absolute;來設置其定位方式。由于我們需要讓該列不動，因此需要設置left: 0;來使其位置到左端，同時設置top: auto;來避免它沿著垂直方向移動。我們還可以設置width屬性，讓其寬度固定不變，從而實現不動的效果。 至此，我們就完成了對表格中某一列或某一行進行固定，其余部分進行左右或上下滾動的操作。無論對于網頁中的表格還是其他排版內容，都可以借鑒上述方法來實現。