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

取巧的邊框等高

左右結(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ì)保證起碼有一條邊框線是從頭到底的。

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

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



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