欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2007年12月11日 21:48:39   作者：  
今天寫了一段CSS,寫時突然想到的,寫出來和大家分享一下; 我們可能早已習(xí)慣了padding在不同瀏覽器中的不同之處, 但這個你不一定注意過; 

先說一個場景,例如: 
一個寬400px的黃盒子,左邊放一個300px的小藍(lán)盒子,右邊放一個寬100px的紅盒子.這樣應(yīng)該正好放下對吧? 因?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)槲覍懥艘粋€border:1px; 那我們把他去掉看一下. 

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

相關(guān)文章

最新評論