国产探花免费观看_亚洲丰满少妇自慰呻吟_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下一頁閱讀全文
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 常山县| 如皋市| 公安县| 安国市| 漾濞| 清丰县| 固始县| 饶平县| 丰都县| 大英县| 盱眙县| 攀枝花市| 南漳县| 通化市| 南江县| 石嘴山市| 清涧县| 苗栗市| 汝南县| 武隆县| 渭源县| 汾西县| 章丘市| 湘阴县| 定南县| 黄陵县| 宁蒗| 山西省| 密山市| 宁武县| 天水市| 呼图壁县| 探索| 武城县| 阜宁县| 婺源县| 仪征市| 商丘市| 石嘴山市| 安义县| 漯河市|