gpt4 book ai didi

html - 如何让 标签覆盖整个内容?

转载 作者:太空宇宙 更新时间:2023-11-03 20:05:43 25 4
gpt4 key购买 nike

我有一个 PHP 代码,它生成一个非常大的表格,但不适合屏幕(这没关系)。问题是 <body>标签不想适应浏览器的文档宽度,它只适合屏幕的宽度。 <table>内容不适合正文。 Body tag does not fit the content width我看过这里,添加了包装器 div。

how to make body tag elastic?

好吧,包装器 div 正确地跨越了页面的宽度,但是 <body>标记仍然没有覆盖包装器 div。

我也看过这里:

Make <body> fill entire screen?

并定义了这样的 css:

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

它没有帮助。

最佳答案

尝试在该 css 代码之前重置整个页面,例如:

* {
padding: 0;
margin: 0;
}

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

这只是一个示例,我鼓励您使用完整的 CSS 重置。 CSS 重置是非常常见的事情,几乎在每个网页中都有使用。来自 Meyer Web :

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. (...) Reset styles quite often appear in CSS frameworks.

我认为重置样式是一种很好的做法,它会迫使开发团队主动添加他们希望在网络中使用的任何 CSS 属性。 (或者,如果您使用框架或预制模板,则依赖于已经完成此审议过程的人。)

关于html - 如何让 <body> 标签覆盖整个内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50154685/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com