色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css三列固定寬度

王梓涵1年前8瀏覽0評論

CSS三列固定寬度布局是網(wǎng)頁布局中常見的一種布局方式。它指的是將網(wǎng)頁主體區(qū)域分為三個部分,并且每個部分的寬度都是固定的。本文將介紹實現(xiàn)這種布局的方法。

首先,我們需要在HTML中設置好需要分為三列的區(qū)域,并給它們設置好基本樣式。

<div class="wrapper">
<div class="left">左側區(qū)域</div>
<div class="middle">中間區(qū)域</div>
<div class="right">右側區(qū)域</div>
</div>

我們?yōu)檫@個區(qū)域定義了一個名為wrapper的div,以及三個類名分別為left、middle和right的div。接下來,我們需要在CSS中設置好這些div的樣式。

.wrapper {
width: 960px;
margin: 0 auto;
}
.left, .middle, .right {
height: 200px;
float: left;
}
.left {
width: 200px;
background-color: #ccc;
}
.middle {
width: 560px;
background-color: #fff;
}
.right {
width: 200px;
background-color: #ccc;
}

在CSS中,我們首先設置wrapper的寬度為960像素,并且使用margin屬性將它居中。然后我們設置左側區(qū)域、中間區(qū)域和右側區(qū)域的共同樣式,包括高度和浮動。最后,我們單獨為左側區(qū)域、中間區(qū)域和右側區(qū)域分別設置好它們的寬度和背景顏色。

通過以上的CSS樣式設置,我們就可以實現(xiàn)一個簡單的三列固定寬度布局了。這種布局方式適用于需要同時顯示較多內(nèi)容的網(wǎng)站,比如新聞、博客、電商等網(wǎng)站。