当前位置: 首页 > 知识库问答 >
问题:

Div元素在网页上不显示/不可见

倪子晋
2023-03-14

我正在编写一个基本的HTML CSS代码来尝试一些东西。在css中样式化一个div后,该div就从网页中消失了。

请帮帮忙。

下面是代码。代码非常基本。

谢谢!

null

css lang-css prettyprint-override">.bx1 {
  bottom: 50;
  left: 40;
  position: fixed;
}

.box {
  width: 80%;
  height: 2000px;
  background: green;
  margin: 20px auto;
}
<div class="box"></div>
<div class="bx1">
  <h1>Hello</h1>
</div>

null

共有1个答案

卢俊发
2023-03-14

请不要留下底部和左侧的空白单位。


.bx1{
    bottom: 50px;
    left: 40px;
    position: fixed;
}


null

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style> 
.bx1{
bottom: 50px;
left: 40px;
width: 100px;
height: 100px;
position: fixed;
background: red;
}

.box{
width: 80%;
height: 2000px;
background: green;
margin: 20px auto;

}
</style>
</head>
<body>
    <div class="box"></div>
    <div class="bx1">
        <h1>Hello</h1>
    </div>
    
    
</body>
</html>
 类似资料:
  • 我试图使用Bootstrap 4创建一个导航栏,但在我的div标签项不内联,我不能将我的导航项对齐到右边 这里是HTML

  • 问题内容: 我有一个可以广泛使用WebView的应用程序。当此应用程序的用户没有Internet连接时,将显示一个页面,显示“网页不可用”和其他各种文字。有没有办法在我的WebView中不显示此通用文本?我想提供自己的错误处理。 我发现WebView-> clearView 实际上并未清除视图。 问题答案: 首先使用HTML创建您自己的错误页面,并将其放在资产文件夹中,我们将其称为myerrorp

  • 我尝试了这些方法,甚至放置等待,但仍然没有找到元素:

  • 因此,我无法访问代码中需要的信息。到底是怎么回事?开发人员是否故意隐藏了该元素的子元素?你能给出一个让孩子们对我的代码可见的方法吗?谢谢你。

  • 问题内容: 鉴于此HTML: 如何使它们像这样显示内联: foo bar baz 不像这样: foo bar baz 问题答案: 那是另一回事:

  • 我有一个关于以下两个代码的问题。 没有平行性: 输出为: 具有并行性: 输出为: 为什么并行流的输出不包括1?