婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

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

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

熱門標簽:地圖標注樓盤 地圖標注微信好友 南昌電話機器人系統 快速更改地圖標注點標 ai電話機器人效果差 蘇州做電話機器人 南山電話機器人 沈陽400電話辦理多少錢 隨州外呼系統廠家
今天寫了一段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需再刷新一下頁面才能執行]

最后的效果是這樣的:




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

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

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

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

巨人網絡通訊聲明:本文標題《寫CSS_關于Border你可能需要注意的地方第1/2頁》,本文關鍵詞  寫,CSS,關于,Border,你,可能,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《寫CSS_關于Border你可能需要注意的地方第1/2頁》相關的同類信息!
  • 本頁收集關于寫CSS_關于Border你可能需要注意的地方第1/2頁的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 清河县| 河东区| 福建省| 延安市| 大丰市| 襄樊市| 福清市| 湘乡市| 丽江市| 德阳市| 安义县| 平果县| 顺义区| 托克托县| 平邑县| 海盐县| 济宁市| 体育| 临颍县| 涞源县| 绥中县| 蛟河市| 东乌珠穆沁旗| 广饶县| 白山市| 六枝特区| 开化县| 天门市| 柘城县| 苏尼特左旗| 秭归县| 驻马店市| 广河县| 白山市| 辽宁省| 乐清市| 抚宁县| 平凉市| 静宁县| 绥滨县| 沈丘县|