css定义的宽度在谷歌浏览器和IE浏览器上显示不一样的问题

html-css075

css定义的宽度在谷歌浏览器和IE浏览器上显示不一样的问题,第1张

做DIV+css布局前一定要明白,CSS盒子模型的概念。

页头要有声明,如xhtml或html5,可以直接复制代码,或如下图创建文件时声明文档类型。

有了声明后所有浏览器都会用css盒模型的方式渲染,即:总宽=宽+内边距(padding值)+边框+外边距(margin值)。

在ie6.0下可能会有bug,可采用如下图中的“_width:978px”来解决。

<a>标签是内联元素 本身不存在宽度 光设置宽度没有用

所以想变成可控的宽度必须有display:block

你的CSS里如果有这个<a>的display:block的修饰 那在前台可写

<a href="#" style="width:400pxoverflow:hidden">连接文字</a>

如果你CSS里<a>标签没有对他进行display:block那就在前台写

<a href="#" style=" display:blockwidth:400pxoverflow:hidden">连接文字</a>