问题描述
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>无标题文档</title><styletype="text/css">*{margin:0;padding:0;}</style></head><body><divstyle="width:300px;height:150px;background-color:#F00;"><divstyle="width:100px;height:50px;background-color:#666;margin-top:20px;"></div></div><divstyle="width:298px;height:150px;background-color:#F00;border:1px#000solid"><divstyle="width:100px;height:50px;background-color:#666;margin-top:20px;"></div></div></body></html>
两个相同的div包裹一个div、只是一个多设置个border属性页面显示其偏移结果就不一样、难道border属性还有什么其他功能么、各位看看效果..
解决方案
解决方案二：
引用楼主jquery_boy的回复:
HTMLcode<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-……
盒式模型是算border的宽度的~·楼主好好看看盒式模型吧~·
解决方案三：
以前一直都是用padding来避免着某天发现这样一句话margin是根据border来布局的我觉得这种解释挺对
解决方案四：
这个与border的宽度有关系嘛？好像没有呢..
解决方案五：
<divstyle="width:298px;height:150px;background-color:#F00;border:1px#000solid">divwidth:298px+border-left:1px+border-right:1px=300px,这是宽度divheight:150px+border-top:1px+border-bottom:1px=152px,这是高度。不知道这样你明白了没
解决方案六：
border会影响元素间垂直margin的叠加（压缩）
解决方案七：
外边距垂直叠加。。。。。。。。。。。。
解决方案八：
引用1楼mubeibei的回复:
引用楼主jquery_boy的回复:HTMLcode<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"……
+1