主頁 > 知識(shí)庫 > 寫CSS_關(guān)于Border你可能需要注意的地方第1/2頁

寫CSS_關(guān)于Border你可能需要注意的地方第1/2頁
熱門標(biāo)簽：地圖標(biāo)注樓盤 地圖標(biāo)注微信好友 南昌電話機(jī)器人系統(tǒng) 快速更改地圖標(biāo)注點(diǎn)標(biāo) ai電話機(jī)器人效果差 蘇州做電話機(jī)器人 南山電話機(jī)器人 沈陽400電話辦理多少錢 隨州外呼系統(tǒng)廠家
今天寫了一段CSS,寫時(shí)突然想到的,寫出來和大家分享一下; 我們可能早已習(xí)慣了padding在不同瀏覽器中的不同之處, 但這個(gè)你不一定注意過; 

先說一個(gè)場(chǎng)景,例如: 
一個(gè)寬400px的黃盒子,左邊放一個(gè)300px的小藍(lán)盒子,右邊放一個(gè)寬100px的紅盒子.這樣應(yīng)該正好放下對(duì)吧? 因?yàn)?00+100正好是400呀! 好了,先試一試! 
我開始寫了(頭部省略): 
復(fù)制代碼 代碼如下:

style> 
#yellow{ width:400px; border:1px solid #FF9900; background:#FFCC99; float:left;} 
#blue{ width:300px; height:100px; border:1px solid #0066FF; background:#00CCFF; float:left;} 
#red{ width:100px; height:100px; border:1px solid #FF3300; background:#FF9900; float:right;} 
/style> 

400px 
div id="yellow"> 
 div id="blue">300px/div> 
 div id="red">100px/div> 
/div> 

看一下效果:

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

最后的效果是這樣的:




沒有放下,原因就是因?yàn)槲覍懥艘粋€(gè)border:1px; 那我們把他去掉看一下. 

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

12下一頁閱讀全文
您可能感興趣的文章:
  • css下margin、padding、border、background和font縮寫示例
  • border:none與border:0使用區(qū)別

標(biāo)簽：商洛 深圳 濰坊 石家莊 昭通 濰坊 玉樹 大同

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《寫CSS_關(guān)于Border你可能需要注意的地方第1/2頁》，本文關(guān)鍵詞  寫,CSS,關(guān)于,Border,你,可能,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《寫CSS_關(guān)于Border你可能需要注意的地方第1/2頁》相關(guān)的同類信息！
  • 本頁收集關(guān)于寫CSS_關(guān)于Border你可能需要注意的地方第1/2頁的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章