`
dajian0822
  • 浏览: 6574 次
社区版块
存档分类
最新评论

table height不能百分比的原因,获取浏览器高度

    博客分类:
  • HTML
阅读更多
table height不能百分比
删除<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://url.cn/4AIDxZ">

//浏览器高度
var height=document.documentElement.clientHeight;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >这行代码的删除,主要是是为了浏览器的兼容性,不仅仅是表格高度的问题;
分享到:
评论

相关推荐

    解决Layui数据表格的宽高问题

    但需要注意的是,增大或减小 '200' 并不一定能改变实际高度,因为 'full-200' 可能是一个固定的阈值,而不是可自定义的数值。 在调整表格高度时,还可以探索其他高度模式,比如 'full',它会让表格完全填充视口高度...

    JavaScript Table行定位效果

    ps:table请用class来绑定样式,用id的话新table就获取不了样式了。 克隆之后再设置样式: this._style.width = this._oTable.offsetWidth + "px"; this._style.position = isIE6 ? "absolute" : "fixed"; this._...

    浏览器CSS方面兼容手册.txt

    Firefox等浏览器会将`div`的实际高度视为`height + padding`,而IE则将实际高度视为`height + padding + margin`。 **解决方法:** 为了解决这个问题,可以采用百分比高度设置或者使用盒模型Hack。 ```css /* 适用...

    拖动table单元格改变列宽或行高

    这些元素的宽度和高度默认由浏览器根据内容自动调整,但可以通过CSS样式来设定固定值或者百分比。 拖动列宽的实现通常涉及到JavaScript和事件处理。当用户鼠标按下并移动到列边框时,我们可以监听`mousedown`、`...

    CSS浏览器兼容汇总

    ### CSS浏览器兼容汇总 在网页开发过程中,遇到不同浏览器对CSS的支持程度不一的问题非常常见。这不仅影响了用户体验,还增加了开发者的负担。本文将详细介绍一些常见的浏览器兼容性问题及解决方案,帮助开发者更好...

    HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT

    对于百分比高度,若表格非嵌套,高度将相对于浏览器窗口的高度计算;若是嵌套表格,则相对于其所在单元格的高度计算。 以下是一个简单的示例,展示了如何使用`WIDTH`和`HEIGHT`属性: ```html &lt;!DOCTYPE html&gt; ...

    CSS浏览器兼容问题整理

    CSS浏览器兼容性问题是前端开发中不可避免的一个环节。通过对不同浏览器特性的深入了解以及采用相应的兼容性解决方案,可以有效地提升网站的用户体验。本文列举了一些常见的兼容性问题及解决方案,并给出了具体的...

    浏览器兼容问题汇总v1.0

    ### 浏览器兼容问题汇总知识点详解 #### 一、清除浮动 在网页布局中,当元素使用浮动(float)时,会导致该元素脱离正常的文档流,从而可能对其后的元素布局造成不可预料的影响。为了解决这个问题,通常会在包含...

    html中table为每个单元格设置不同颜色和宽度

    10. 通过style属性直接设置宽度和高度虽然方便,但在响应式设计中,最好使用百分比、视口单位(如vw、vh)或者其他相对单位来定义宽度和高度,这样表格的尺寸就可以根据浏览器窗口的大小进行适应,而不是固定不变。...

    纯CSS实现表头固定表格滚动条效果

    height: /* 设置一个固定高度,或者百分比 */; /* 根据需要调整 */ } ``` 为了兼容不同的浏览器,可能还需要添加一些前缀和调整。例如,对于IE9及以下版本,我们需要使用`-ms-`前缀处理`position: fixed`,因为...

    HTML页面自适应宽度的table(表格)

    `后,避免在tr或td中使用height属性,因为这会影响表格高度的自适应。 完整代码示例: ```html &lt;table width="95%" border="1" cellpadding="2" cellspacing="1" style="table-layout:fixed;"&gt; ... &lt;/table&gt; ``` ...

    div+css兼容总结

    由于历史原因和技术限制,不同的浏览器对CSS的支持程度并不一致,特别是在处理一些较新或非标准的CSS属性时。因此,在进行网页设计时,必须考虑到各种浏览器的差异,并采取相应的措施来确保页面能够在所有目标浏览器...

    Table显示你要显示的边框代码

    2. **height**: 设置表格的高度,同样可以是像素值或百分比。 3. **border**: 定义表格边框的宽度,例如 `border="1"` 表示1像素的边框。 4. **cellspacing**: 控制单元格(`&lt;td&gt;`)之间的间距,即表格行与行之间的...

    web开发的标签讲解

    - **语法**:`&lt;table height="点数或百分比"&gt;` - **说明**:与`width`类似,`height`属性用于调整表格的高度,支持像素值或百分比两种形式。 6. **设定表格背景色彩**:`bgcolor` - **语法**:`&lt;table bgcolor=...

    网页制作基本标签.doc

    * HEIGHT=象素值或百分比:对象高度 * ALIGN=RIGHT:右对齐 * COLOR=#RRGGBB:前风光,参考色彩对照表 * BGCOLOR=#RRGGBB:背风光 * &lt;center&gt;:表示绝对居中 10. 表格属性: * cellpadding=数值:定义表元距 * ...

Global site tag (gtag.js) - Google Analytics