設(shè)為首頁 | 加為收藏 | 聯(lián)系我們 咨詢熱線:0632-5272123
電 話:0632-5272123
傳 真:0632-5271123
地 址: 棗莊市文化西路23號
E-mail:zzint@zzint.com
  • 技術(shù)咨詢:
  • 業(yè)務(wù)咨詢:
  • 客戶服務(wù):
  • 服務(wù)監(jiān)督:
詳細資料 您當(dāng)前的位置:網(wǎng)站首頁新聞動態(tài)詳細資料

取巧的邊框等高

左右結(jié)構(gòu)是平常頁面中經(jīng)?吹降慕Y(jié)構(gòu),簡潔一些的頁面就會使用邊框?qū)⒆笥覂蛇吀糸_,但往往由于左右兩邊的內(nèi)容可能是不等高的,所以就會有一高一低的現(xiàn)象。這個時候不管是給A寫個邊框還是給B寫個邊框,都會有高低不平,解決這個邊框的高低不平之前有看過很多解決方法,但總的來說有些復(fù)雜,其實有一種取巧的方法就可以做到,那就是利用CSS屬性中的負值。

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

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

如前面所說的數(shù)據(jù)的波動性,用戶如何使用網(wǎng)站就是這些數(shù)據(jù)當(dāng)中重要的一環(huán),改版時需要盡可能的提取出數(shù)據(jù)中不能被影響到的部分,如果必須影響到用戶的使用,那應(yīng)該是讓用戶有一個平緩的過渡還是快速的過渡呢?如果改版后是一個更好的設(shè)計,當(dāng)然可以使用戶快速的過渡到新網(wǎng)站中去;但如果用戶在使用網(wǎng)站時已經(jīng)積累了長期的習(xí)慣,并且短時間內(nèi)很難更改的話,那選擇給用戶一個平緩的過渡時間無疑是合適的。



上篇文章:什么是MX記錄?
下篇文章:Javascript面向?qū)ο缶幊蹋ㄈ悍菢?gòu)造函數(shù)的繼承
版權(quán)所有 棗莊市英特信息網(wǎng)絡(luò)有限公司 ◎2017
聯(lián)系電話:0632-5271123 5272123  總部地址:棗莊市市中區(qū)文化西路23號
魯ICP備09021689號 增值電信業(yè)務(wù)經(jīng)營許可證編號:魯 B2-20080087號