Question

我有一个用于显示数据的html表。我有典型的宽度=“100％”;但它不起作用。这是我的页面看起来像我的CSS / HTML样式。如何修复它以自动适应屏幕？

代码：

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

Answer 1

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

Without setting this vs when this is set

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

Answer 2

添加此CSS：

body {
    margin: 0
}

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

Answer 3

在你的风格中添加这些行

*{margin:0; padding:0;}

Answer 4

您有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*/
}

HTML表格宽度=“100％”仍然不适合ASP.Net中的窗口大小

4 个答案: