CSS是層疊樣式表（Cascading Style Sheets）的縮寫，用于網(wǎng)頁(yè)設(shè)計(jì)的一種樣式語(yǔ)言。在CSS中，往左對(duì)齊在很多情況下都很難達(dá)到理想的效果，這是因?yàn)镃SS在排版時(shí)采用的是自上而下、自左向右的規(guī)則，也就是說(shuō)，每一行的寬度受上一行的寬度控制，如果遇到父元素寬度較小的情況，子元素如果用100%的寬度，將會(huì)撐滿整個(gè)父元素，導(dǎo)致往左對(duì)齊會(huì)被擠到下一行。

/* 父元素 */
.parent {
width: 200px;
height: 200px;
border: 1px solid #000;
}
/* 子元素 */
.child {
width: 100%;
height: 50px;
background-color: #f00;
}

在上面的代碼中，父元素設(shè)置了寬度為200px，子元素寬度為100%，實(shí)際寬度就是200px，這時(shí)候子元素就會(huì)填滿父元素的寬度，而如果要達(dá)到往左對(duì)齊的效果，可以通過(guò)給父元素設(shè)置padding來(lái)實(shí)現(xiàn)。

.parent {
width: 200px;
height: 200px;
border: 1px solid #000;
padding: 0 10px;
}
.child {
width: 100%;
height: 50px;
background-color: #f00;
}

上述代碼中，給父元素設(shè)置了10px的padding，這樣子元素就可以在左側(cè)留出10px的空白，實(shí)現(xiàn)了往左對(duì)齊的效果。

除此之外，還可以采用浮動(dòng)（float）與定位（position）的方法實(shí)現(xiàn)往左對(duì)齊的效果，但需要根據(jù)具體情況靈活運(yùn)用。