css Html div行为异常

zysjyyx4 于 2022-12-05 发布在其他

关注(0)|答案(1)|浏览(142)

[<!DOCTYPE html>
<html lang="en">
<hea][1]d>
    <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>
        div{
            height: 100px;
            width: 200px;
            border: 10px solid black;
            padding: 10px;
            box-sizing: border-box;
        }
    </style>
</head>
<body>
    <div class="div">
        
    </div>
</body>
</html>

这段代码看起来生成了三个div块，而如果我使用类.div，它会像我期望的那样工作
我正在创建一个div元素并对其进行样式设置时，发生了这种情况

css

来源：https://stackoverflow.com/questions/74674937/html-div-behaving-strange

1条答案

按热度按时间

2izufjch1#

因为发生了什么？你是指上面的**[**吗？删除所有错误放置的[符号，如下所示。为什么你给一个div元素一个div类名？在你的css中，你也是直接引用这个元素，而不是通过类名。
生成三个div元素是什么意思？不能有比定义的body更多的div元素，现在只有一个div元素。如果你想要两个更多的div元素，在body部分定义两个。

<!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>
        div{
          height: 100px;
          width: 200px;
          border: 10px solid black;
          padding: 10px;
          box-sizing: border-box;
        }
    </style>
</head>
<body>
    <div></div>
    <!-- Add two more div elements to achive three elements
    <div></div>
    <div></div>
    -->
</body>
</html>

赞(0）回复(0）举报 2022-12-05

我来回答

css Html div行为异常

1条答案

相关问题

热门标签

最新问答