今我看了别人的博文上说,通常的box盒装模型的宽度L = width + padding + border + margin ,在IE6上box的宽度计算方式却是 L = width + margin 。
但是我测试了下,好像不是这样,结果依然是:
L = width + padding + border + margin 。
下面是我的测试代码:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>box测试</title> <style type="text/css"> *{ margin:0; padding:0; } .container{ float:left; background-color:#0C0; } .box{ background-color:red; border:10px solid #00F; 100px; height:100px; margin:10px; padding:10px; } </style> </head> <body> <div class="container"> <div class="box"></div> </div> </body> </html>
不知道是因为我的代码问题还是犹豫我是IE6是绿色版的还是那个博主的错误,希望有人能出来指点下。
问群里,群里朋友跟我说“那你就理解为别人骗你的就行”,让我照着自己的理解走。
接触css也有三个月多了,虽然不是高手,但是对于基本的操作还是会的,很多不懂的也可以通过简单的dome进行验证,接下来需要做的就是练习练习再联系、积累积累再积累,css是需要经过多次的练习和积累才能掌握的!