1、把你这块代码，单独新建个页面，然后把td里面的内容清空，然后检查各浏览器的高度，如果高度都是200px，就可能是td里面的内容把td撑高了，另一种可能就是有多个css语句，定义这个td高度，可以检查下。
创新互联成立于2013年，是专业互联网技术服务公司，拥有项目成都网站设计、做网站、成都外贸网站建设公司网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元大名做网站,已为上家服务,为大名各地企业和个人服务,联系电话:13518219792
2、首先要明确，所有浏览器都会有一套内置的默认样式（否则你看到的页面不会是现在这样），而css样式本质上是覆盖新设定的属性覆盖旧有属性，然后还会和相邻元素、子元素发生联动互相影响。
3、(1)由于各大主流浏览器由不同的厂家开发，所用的核心架构和代码也很难重和，这就为各种莫名其妙的Bug(代码错误）提供了温床。(2)再加上各大厂商出于自身利益考虑而设置的种种技术壁垒，都让CSS应用起来比想象得要麻烦。
1、width=border+padding+content border和padding都是有左右两边。
2、Content(内容) - 盒子的内容，显示文本和图像。为了正确设置元素在所有浏览器中的宽度和高度，你需要知道的盒模型是如何工作的。
3、(1)宽度值：也就是用CSS长度值来明确地规定一个盒子的宽度，取值单位可以用CSS中支持的长度单位，比如px，em等。(2)百分比：百分比是根据 包含块的宽度来计算的。
我们来看一个具体的实例如果将CSS应用于以下HTML，则减小浏览器的宽度将不会小于max-width指定的宽度。HTML 请尝试更改浏览器宽度。 min-width：200px；已经设置，它 不会小于200px。
css min-width属性怎么用？min-width属性设置元素的最小宽度。语法：min-width： length|%|inherit；属性值：●length：定义元素的最小宽度值。默认值：取决于浏览器。●%：定义基于包含它的块级对象的百分比最小宽度。
我们一个一个来。首先，随着屏幕越大，字体大小也越来越大，好像是个不错的想法耶。
接下来为大家介绍position绝对定位方法布局以上小的案例。
首先打开vscode编辑器，新建一个html文件，定义一个两行两列的表格，在浏览器打开的效果。然后给表格添加边框，这里给table标签和td标签都设置边框，不过两个标签的边框颜色值不一样。
你最好给你的table加一个类名。比如table class=table_A，table class=table_B。否则你写在一个页面里的两个样式若有重复，则只有后面的定义起作用，例如宽度。
新建一张CSS样式表，如：sytle.css 在css中设置相关标签的样式如：tr td{widht：xxpx； height：xxpx； border：1px solid red； background：yellow；}等等。然后引用这个css样式表即可。希望能帮到你。
使用div，li，a等元素定好位置之后，使用css中的active或者hover等方式改变元素的border的宽度和颜色，这种可以根据文字的大小改变大小。使用本问题的table，可以实现定义好大小，然后再用上述的css方式处理边框。
padding-bottom 可以增加上下边距，很好用的属性，在bootstrap框架中是通过这个属性实现表格样式的。就算多行，也是一样保持间距。或者结合使用，选择一款适合的。.table tr td { padding：10px 0；} 这样设置省事。
固定宽度 固定宽度 固定宽度 固定宽度 定义和用法 width 属性规定表格单元格的宽度。通常，单元格占用的空间就是它显示内容需要的空间。width 属性用于为单元格设置预定义的宽度。
结果是：从左依次是 117px，117px，116px，117px，117px. 两边的边框都是4px ，中间4个边框是2px. 我是Dreamweaver 画了一个Table，在Photoshop 中用测量工具测的。不清楚如何算。
fixed；这里是为了让整个table有一个自己宽度，而不是让table自己随着自己内容的大小而改变。
