CSS设置的宽度高度与实际浏览宽度高度不符

代码如下:<style>#toubu{width:200px;height:200px;border:solid1px#000000;}</style><divid="t... 代码如下:
<style>#toubu{width: 200px; height: 200px; border: solid 1px #000000;}</style>
<div id="toubu"></div>
出来效果是 宽度和高度都是 208PX我试过把页面宽度设置成width: 1002px; 得出的结果是1044px ps 我已经用了雅虎的css初始化代码了 浏览器是IE8 并且 xhtml1-transitional.dtd 和 xhtml1-strict.dtd 都测试过 还是一样如图:
展开
 我来答
武汉AAA教育
2016-01-28 · TA获得超过5138个赞
知道大有可为答主
回答量:1680
采纳率:95%
帮助的人:225万
展开全部
浏览器里都有一个默认的margin和padding值,不同的浏览器值不相同,所以按照自己写的CSS计算宽度不对,
CSS样式开始的时候设置*{margin:0; padding:0};初始化所有元素的margin和padding为0,这样计算 的时候宽度就是设置的width,border,padding,margin值的和。

你可以在CSS中加入

*{padding:0; margin:0;}
就会正常了。
百度网友d2365d9
2014-07-11 · 超过27用户采纳过TA的回答
知道答主
回答量:185
采纳率:0%
帮助的人:42.5万
展开全部
浏览器里都有一个默认的margin和padding值,不同的浏览器值不相同,所以你按照自己写的CSS计算宽度不对,
在CSS样式开始的时候设置*{margin:0; padding:0};初始化所有元素的margin和padding为0,这样计算 的时候宽度就是你设置的width,border,padding,margin值的和。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
温陌觉M
2014-07-11 · TA获得超过369个赞
知道小有建树答主
回答量:251
采纳率:80%
帮助的人:139万
展开全部
应该是202px啊,怎么会208px,你样式表里还有其他设置嘛
200宽+左右各1px的border=202px
FW别用了,记得没错的话,“2013年五月,Adobe宣布停止更新Fireworks”
推荐作图用Photoshop,制作网页用Dreamweaver
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
唯听像默16
2014-07-11 · 超过29用户采纳过TA的回答
知道答主
回答量:64
采纳率:0%
帮助的人:23.3万
展开全部
加这个试下
*{padding:0; margin:0;}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式