在CSS中设置`<html>‘元素的样式？
在CSS中设置`<html>‘元素的样式？
提问于 2018-04-02 06:40:04
谁能解释一下为什么我们可以为html元素设计样式？
它和body有什么区别？
回答 2
Stack Overflow用户
发布于 2018-04-02 15:23:38
通常你会发现人们对HTML元素进行样式设计，因为它对页面呈现方式确实有影响。
你可能会看到的最显着的风格是
html,body{
min-height:101%;
}
这用于确保Firefox等浏览器中的滚动条始终显示在页面上。当在长短页之间切换时，这会停止页面左右移动。
Stack Overflow用户
发布于 2018-04-02 16:38:21
我们被允许设计html元素的原因是因为它是一个DOM元素。所有的DOM元素都可以被设计成它们不是的东西，比如一个容器。以这个例子：
<html><body>This is my page.</body></html>
使用CSS将body限制为80％宽度，在body上设置边框并为html提供不同的背景色（创建“off page”效果）将是完全可以接受的，保持标记的语义完整无需诉诸div杂乱。
这是我发现的一种技术，用于将容器（垂直和水平）居中放置在屏幕上，而无需使用大量的div或表格，甚至不必知道居中容器的大小。
html {
display:table;
width:100%;
height:100%;
}
body {
display:table-cell;
vertical-align:middle;
}
body > div {
# "shrink wraps" the div so you don't have to specify a width.
# there's probably a better way to do precisely that, but this works.
display:table;
margin:0 auto; # center the div
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100007915
复制相关文章
相似问题