濮阳杆衣贸易有限公司

主頁 > 知識庫 > 寫CSS_關于Border你可能需要注意的地方第1/2頁

寫CSS_關于Border你可能需要注意的地方第1/2頁

熱門標簽:地圖標注樓盤 地圖標注微信好友 南昌電話機器人系統(tǒng) 快速更改地圖標注點標 ai電話機器人效果差 蘇州做電話機器人 南山電話機器人 沈陽400電話辦理多少錢 隨州外呼系統(tǒng)廠家
今天寫了一段CSS,寫時突然想到的,寫出來和大家分享一下; 我們可能早已習慣了padding在不同瀏覽器中的不同之處, 但這個你不一定注意過; 

先說一個場景,例如: 
一個寬400px的黃盒子,左邊放一個300px的小藍盒子,右邊放一個寬100px的紅盒子.這樣應該正好放下對吧? 因為300+100正好是400呀! 好了,先試一試! 
我開始寫了(頭部省略): 
復制代碼 代碼如下:

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í)行]

最后的效果是這樣的:




沒有放下,原因就是因為我寫了一個border:1px; 那我們把他去掉看一下. 

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

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

標簽:商洛 深圳 濰坊 石家莊 昭通 濰坊 玉樹 大同

巨人網絡通訊聲明:本文標題《寫CSS_關于Border你可能需要注意的地方第1/2頁》,本文關鍵詞  寫,CSS,關于,Border,你,可能,;如發(fā)現本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《寫CSS_關于Border你可能需要注意的地方第1/2頁》相關的同類信息!
  • 本頁收集關于寫CSS_關于Border你可能需要注意的地方第1/2頁的相關信息資訊供網民參考!
  • 推薦文章
    潞城市| 河池市| 宁远县| 鄂尔多斯市| 德令哈市| 沾益县| 甘洛县| 灵台县| 龙门县| 汝州市| 潮安县| 枣庄市| 阜城县| 宁晋县| 汉源县| 惠东县| 北辰区| 卢氏县| 大埔县| 德钦县| 八宿县| 苏尼特右旗| 盈江县| 墨玉县| 大石桥市| 海宁市| 徐州市| 扎赉特旗| 弋阳县| 于都县| 晋中市| 屯门区| 贺州市| 延寿县| 盈江县| 温宿县| 常山县| 乐山市| 彭阳县| 乌拉特中旗| 堆龙德庆县|