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

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

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

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

電腦資料

《取巧的邊框等高網(wǎng)頁(yè)設(shè)計(jì)》(http://m.msguai.com)。

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

    本文來(lái)自：http://www.prower.cn/technic/1714