国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

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

2020-10-23 18:37:26
字體:
來源:轉載
供稿:網友
今天寫了一段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下一頁閱讀全文
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 大理市| 宾川县| 新和县| 泰顺县| 曲松县| 阳春市| 临桂县| 开封市| 淳化县| 八宿县| 台江县| 金沙县| 泸州市| 阿坝县| 巫山县| 阿拉善左旗| 巴林右旗| 玛纳斯县| 美姑县| 龙胜| 碌曲县| 阿瓦提县| 东源县| 民乐县| 安乡县| 彭水| 定日县| 三原县| 双桥区| 宣威市| 惠东县| 玉龙| 江西省| 房山区| 邮箱| 桐梓县| 绥芬河市| 桃园市| 宜春市| 苍梧县| 彭阳县|