HTML5设置了盒子边框却在页面中看不见盒子在哪

Question

我设置了边框就是看盒子具体位置，但是页面中并没有显示这个盒子，往里面填充内容内容会显示但是设置不了任何样式

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

根据你提供的描述，我理解你可能遇到了以下问题：

1. HTML结构不完整或不正确：你在描述中提到图1和图2的HTML内容不完整或存在错误，例如 <div class="content" 后面没有闭合的 > 和缺少 > 在 <ATP/> 标签中。这可能导致浏览器解析出错，因此不显示预期的盒子样式。
2. CSS选择器可能有误：在图3和图4中，CSS样式使用的是 .content.others 选择器，这意味着你正在尝试为一个同时拥有 content 和 others 类名的元素设置样式。然而在你的HTML中并没有直接这样的元素。如果你想要给拥有 content 类名的元素内部的某个特定元素设置样式（如一个具有 others 类名的 div），则需要正确的嵌套结构并使用相应的选择器。例如，.content .others 选择器会选择 content 类下的所有 others 类元素。请检查你的HTML结构并确保正确使用CSS选择器。
3. CSS样式可能未被正确应用：确保你的CSS样式表已正确链接到HTML文件，并且没有其他样式覆盖了你的边框样式。你可以使用浏览器的开发者工具来检查元素的样式应用情况。

针对这些问题，你可以尝试以下步骤来修复：

1. 检查并修正HTML代码的结构和语法错误。
2. 确保正确使用CSS选择器并选择正确的元素应用样式。
3. 检查CSS样式表是否正确链接到HTML文件，并使用开发者工具检查样式的应用情况。

如果问题仍然存在，请提供更详细的代码示例或错误描述，以便我更好地帮助你解决问题。