HTML table Width = "100%" 仍然不适合 ASP.Net 中的窗口大小答案

【问题标题】：HTML table Width = "100%" still didn't fit to window size in ASP.NetHTML table Width = "100%" 仍然不适合 ASP.Net 中的窗口大小
【发布时间】：2013-12-31 02:47:45
【问题描述】：

我有一个用于显示数据的 html 表格。我有典型的 width="100%";但它没有用。这是我的页面的外观和我的 CSS/HTML 样式。如何修复它以自动适应屏幕？

代码：

<table style="border: medium solid #FFFFFF; background-color: #000000; position: fixed;"
             border="3" width="100%";>

【问题讨论】：

哪个浏览器和哪个版本？
VS 2010 和 Chrome，但这应该没关系吧？明智的浏览器。
此表格不在任何其他宽度较小的元素内？
@Nacho 不只是里面的单元格。
如果它在一个宽度较小的 div 中，它只适合其容器大小的 100%。当你按下 F12 来检查 DOM 时，你看到它嵌套在任何东西里面了吗？

标签： html asp.net css

【解决方案1】：

你有 100% 的宽度加上一个边框。这大于 100%。

HTML

<table class="tbl" cellspacing="0" cellpadding="0">

CSS

.tbl{
    position:fixed;
    width:100%;
    border:3px solid #fff;
    background:#000;
    box-sizing:border-box; /* causes item size to include border and padding */
    -moz-box-sizing:border-box; /*for browser compatibility*/
}

【讨论】：

【解决方案2】：

在你的风格中添加这些线条

*{margin:0; padding:0;}

【讨论】：

这个CSS规则不推荐！因为可能会对其他元素造成一些变形
其实我强烈推荐它来增加跨浏览器的兼容性，只要它是在项目开始时完成的，在项目中间做可能会产生不良影响。
@DreamTeK 这会对具有自己默认边距或填充的元素进行一些变形
@ABFORCE 这是标准且跨浏览器兼容的做法

【解决方案3】：

添加这个 CSS：

body {
    margin: 0
}

因为body 元素的默认边距不是0

【讨论】：

【解决方案4】：

确保您的body 元素将padding 和margin 设置为0

Without setting this 与 when this is set

html, body{
    height:100%;
    width:100%;
    padding:0;
    margin:0;
}

【讨论】：

那么为它做个样式？它具有所证明的值？
如果还没有设置，你应该将上面的内容添加到你的 CSS 中，看看它是否有效（它应该）
我还是新手，在 HTML 和 CSS 之间划定界限时遇到了问题。
如果你的 CSS 是内联的，在你的 HTML 页面顶部你应该有一个
或者，在 HTML 中找到您的 body 标签并更改为例如：