左右結(jié)構(gòu)是平常頁(yè)面中經(jīng)?吹降慕Y(jié)構(gòu),簡(jiǎn)潔一些的頁(yè)面就會(huì)使用邊框?qū)⒆笥覂蛇吀糸_(kāi),但往往由于左右兩邊的內(nèi)容可能是不等高的,所以就會(huì)有一高一低的現(xiàn)象。這個(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)是從頭到底的。
但這樣兩條邊框線(xiàn)就會(huì)造成重復(fù),于是可以給B容器寫(xiě)margin-left:-1px;這樣讓兩條邊框重疊在一起,即可解決邊框重復(fù)的問(wèn)題。
如前面所說(shuō)的數(shù)據(jù)的波動(dòng)性,用戶(hù)如何使用網(wǎng)站就是這些數(shù)據(jù)當(dāng)中重要的一環(huán),改版時(shí)需要盡可能的提取出數(shù)據(jù)中不能被影響到的部分,如果必須影響到用戶(hù)的使用,那應(yīng)該是讓用戶(hù)有一個(gè)平緩的過(guò)渡還是快速的過(guò)渡呢?如果改版后是一個(gè)更好的設(shè)計(jì),當(dāng)然可以使用戶(hù)快速的過(guò)渡到新網(wǎng)站中去;但如果用戶(hù)在使用網(wǎng)站時(shí)已經(jīng)積累了長(zhǎng)期的習(xí)慣,并且短時(shí)間內(nèi)很難更改的話(huà),那選擇給用戶(hù)一個(gè)平緩的過(guò)渡時(shí)間無(wú)疑是合適的。