Question

我有一些不会出现的div，无论我做什么。

相关的div具有类'baumX'，其中X是div的编号。

<div class='pachten'>                       
    <div class='pachtlogo'><img src='_img/zeigen.png'></div>
    <h1>some header</h1>
    <p>some text</p>
    <p>some more text</p>
    <div class='pachtimg'><!-- Some img that gets added later --></div>
    <p>text again</p>
    <div class='baum 1'> <!-- Some img that gets added later --></div>
</div>

我的CSS：

.pachten {
    margin-top: 0.5em;
    background-color: #FFC734 ;
}
.baum1 , .baum2 , .baum3 , .baum4 {
    min-width: 15%;
    min-heigth: 15%;
    background-color:#fff;
}
.baum1 {
    border-left:4 px solid #fff;
    border-top:4 px solid #fff;
    float:right;
}

到目前为止，

.pachtlogo和.pachtimg是空的，他们的css会在稍后添加。

即使我将一些内容放入div中，内容也会显示但div不会。

编辑：解决了，只是一个错字。当它被标记为已解决时，将删除这个问题给你们一些代表，告诉我一个人有多愚蠢。

Answer 1

好的，所以课程baum1和baum 1完全不同！在你的div中你有class="baum 1"注意到它们之间的空间，这使它有2个类。课程.baum和课程.1。只需删除div中的空格，样式表应该看到类.baum1。

<div class='pachten'>                       
<div class='pachtlogo'><img src='_img/zeigen.png'></div>
<h1>some header</h1>
<p>some text</p>
<p>some more text</p>
<div class='pachtimg'><!-- Some img that gets added later --></div>
<p>text again</p>
<div class='baum1'> <!-- Some img that gets added later --></div>

Answer 2

此：

<div class='baum 1'> <!-- Some img that gets added later --></div>

应该是这样的：

<div class='baum1'> <!-- Some img that gets added later --></div>

您的班级名称中的空格与您在CSS中定义的空格不匹配。

Div没有出现

2 个答案: