左右結構是平常頁面中經常看到的結構,簡潔一些的頁面就會使用邊框將左右兩邊隔開,但往往由于左右兩邊的內容可能是不等高的,所以就會有一高一低的現象。這個時候不管是給A寫個邊框還是給B寫個邊框,都會有高低不平,解決這個邊框的高低不平之前有看過很多解決方法,但總的來說有些復雜,其實有一種取巧的方法就可以做到,那就是利用CSS屬性中的負值。
比如這個示例圖中的邊框,取一個DIV將A、B兩部分都包容起來,然后寫border:1px solid #000;再給A容器寫右邊框border-right:1px solid #000;B容器也寫邊框border-left:1px solid #000;這樣不管哪邊高哪邊低,都會保證起碼有一條邊框線是從頭到底的。
但這樣兩條邊框線就會造成重復,于是可以給B容器寫margin-left:-1px;這樣讓兩條邊框重疊在一起,即可解決邊框重復的問題。
如前面所說的數據的波動性,用戶如何使用網站就是這些數據當中重要的一環,改版時需要盡可能的提取出數據中不能被影響到的部分,如果必須影響到用戶的使用,那應該是讓用戶有一個平緩的過渡還是快速的過渡呢?如果改版后是一個更好的設計,當然可以使用戶快速的過渡到新網站中去;但如果用戶在使用網站時已經積累了長期的習慣,并且短時間內很難更改的話,那選擇給用戶一個平緩的過渡時間無疑是合適的。