Hugo Asked: 2020-03-14 12:20:21 +0800 CST 2020-03-14 12:20:21 +0800 CST 2020-03-14 12:20:21 +0800 CST 如何显示没有内容的div? 772 我的问题是如何在div没有任何内容、没有文本或任何内容的情况下显示一个块。我正在尝试制作 html 布局,但我不想包含任何内容。 html 2 Answers Voted Best Answer user75901 2020-03-14T13:12:56+08:002020-03-14T13:12:56+08:00 问候,我附上的代码参考仅作为示例,因为它完全取决于您网站的构建: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <style> #lienzo{ background-color: steelblue; width: 350px; height: 350px; } </style> </head> <body> <div id="lienzo"> </div> </body> </html> width 和 height 属性都被添加了,因为 div 是一个默认情况下需要为其提供尺寸的内容的元素,因此如果我删除这些测量值,它就会失去比例,并且浏览器的渲染引擎不知道要给它什么尺寸。 这些样式只是可选的,可以将它们直接放在 HTML 中,您可以将它们放在单独的 css 中并将其链接到 HTML Turkex 2020-03-14T13:30:45+08:002020-03-14T13:30:45+08:00 您只需要指定背景颜色、宽度和高度 .hello{ 宽度:100%; 高度:150px;背景颜色:灰色;}
问候,我附上的代码参考仅作为示例,因为它完全取决于您网站的构建:
width 和 height 属性都被添加了,因为 div 是一个默认情况下需要为其提供尺寸的内容的元素,因此如果我删除这些测量值,它就会失去比例,并且浏览器的渲染引擎不知道要给它什么尺寸。
这些样式只是可选的,可以将它们直接放在 HTML 中,您可以将它们放在单独的 css 中并将其链接到 HTML
您只需要指定背景颜色、宽度和高度
.hello{ 宽度:100%; 高度:150px;背景颜色:灰色;}