写CSS_关于Border你可能需要注意的地方第1/2页

今天写了一段CSS,写时突然想到的,写出来和大家分享一下; 我们可能早已习惯了padding在不同浏览器中的不同之处, 但这个你不一定注意过; 
写CSS_关于Border你可能需要注意的地方第1/2页_第1张图片
先说一个场景,例如: 
一个宽400px的黄盒子,左边放一个300px的小蓝盒子,右边放一个宽100px的红盒子.这样应该正好放下对吧? 因为300+100正好是400呀! 好了,先试一试! 
我开始写了(头部省略): 
复制代码 代码如下:

 

400px 
 
 300px
 
 100px
 
 

看一下效果:
www.zishu.cn 400px
300px
100px

[Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行]

最后的效果是这样的:

写CSS_关于Border你可能需要注意的地方第1/2页_第2张图片


没有放下,原因就是因为我写了一个border:1px; 那我们把他去掉看一下. 
www.zishu.cn 400px
300px
100px

[Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行]

1 2 下一页 阅读全文

你可能感兴趣的:(写CSS_关于Border你可能需要注意的地方第1/2页)