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 都测试过 还是一样如图: 展开
<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 都测试过 还是一样如图: 展开
4个回答
展开全部
浏览器里都有一个默认的margin和padding值,不同的浏览器值不相同,所以你按照自己写的CSS计算宽度不对,
在CSS样式开始的时候设置*{margin:0; padding:0};初始化所有元素的margin和padding为0,这样计算 的时候宽度就是你设置的width,border,padding,margin值的和。
在CSS样式开始的时候设置*{margin:0; padding:0};初始化所有元素的margin和padding为0,这样计算 的时候宽度就是你设置的width,border,padding,margin值的和。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
应该是202px啊,怎么会208px,你样式表里还有其他设置嘛
200宽+左右各1px的border=202px
FW别用了,记得没错的话,“2013年五月,Adobe宣布停止更新Fireworks”
推荐作图用Photoshop,制作网页用Dreamweaver
200宽+左右各1px的border=202px
FW别用了,记得没错的话,“2013年五月,Adobe宣布停止更新Fireworks”
推荐作图用Photoshop,制作网页用Dreamweaver
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
加这个试下
*{padding:0; margin:0;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询