左右結(jié)構(gòu)是平常頁面中最經(jīng)常看到的結(jié)構(gòu)，簡潔一些的頁面就會使用邊框?qū)⒆笥覂蛇吀糸_，但往往由于左右兩邊的內(nèi)容可能是不等高的，所以就會有一高一低的現(xiàn)象，

取巧的邊框等高網(wǎng)頁設(shè)計

。這個時候不管是給A寫個邊框還是給B寫個邊框，都會有高低不平，解決這個邊框的高低不平之前有看過很多解決方法，但總的來說有些復(fù)雜，其實有一種取巧的方法就可以做到，那就是利用CSS屬性中的負值。

    比如這個示例圖中的邊框，取一個DIV將A、B兩部分都包容起來，然后寫border：1px solid #000;再給A容器寫右邊框border-right:1px solid #000;B容器也寫邊框border-left:1px solid #000;這樣不管哪邊高哪邊低，都會保證起碼有一條邊框線是從頭到底的，

電腦資料

《取巧的邊框等高網(wǎng)頁設(shè)計》(http://www.lotusphilosophies.com)。

    但這樣兩條邊框線就會造成重復(fù)，于是可以給B容器寫margin-left:-1px;這樣讓兩條邊框重疊在一起，即可解決邊框重復(fù)的問題。

    本文來自：http://www.prower.cn/technic/1714