我需要通過使用HTML和CSS在另一個div中獲取某個div。我在初始欄中放置了div go按鈕，但是不起作用。不管怎樣，這是我的代碼。

body {
    background: #2a2a2a;
    color: white;
    font-family: sans-serif;
}
.p-title-bar {
    color: #FFFFFF;
    font-size:  32px;
    line-height: 18px;
    font-style: oblique;
}
.go-button {
    background-color: #207000;
    border-radius: 10px;
    width: 100px;
    height: 50px;
}

<div class="initial-bar" style="background-color: #1a1a1a; width: 1440px; height: 90px;">
    <div class="text-title-spacing">
        &nbsp;
    </div>
        <h1 class="p-title-bar">&nbsp;&nbsp;.HUS</p>
    <div class="go-button">

    </div>
</div>

你的html結(jié)構(gòu)是令人不安的，因為你用for h1標簽來結(jié)束p標簽。以下是更新后的代碼:-

body {
            background: #2a2a2a;
            color: white;
            font-family: sans-serif;
        }
        .p-title-bar {
            color: #FFFFFF;
            font-size:  32px;
            line-height: 18px;
            font-style: oblique;
        }
        .go-button {
            background-color: #207000;
            border-radius: 10px;
            width: 100px;
            height: 50px;
        }

<div class="initial-bar" style="background-color: #1a1a1a; width: 1440px; height: 90px;">
        <div class="text-title-spacing">
            &nbsp;
        </div>
        <h1 class="p-title-bar">&nbsp;&nbsp;.HUS</h1>
        <div class="go-button">

        </div>
    </div>

在您的代碼中有一個錯誤，因為您打開了一個& lth1 & gt標記并用& ltp & gt

這會生成一個& ltp & gt元素，這將移動& ltdiv & gt在下面

我不知道這是否解決了你的問題，因為我不太明白你想要達到什么結(jié)果

如前所述，您的h1正在用& lt/p & gt；固定在下面。h1通常是塊元素，將它改為inline或inline-block。然后將go按鈕上的顯示更改為inline-block。

也就是說，會解決你的問題，但更好的方法(我認為)是使用flexbox

body {
    background: pink;
    color: white;
    font-family: sans-serif;
}
.p-title-bar {
    color: red;
    font-size:  32px;
    line-height: 18px;
    font-style: oblique;    
    display:inline-block;
}
.go-button {
    background-color: #207000;
    border-radius: 10px;
    width: 100px;
    height: 50px;
    display:inline-block;
}

<div class="initial-bar" style="background-color: lightgreen; width: 1440px; height: 90px;">
    <div class="text-title-spacing">
        &nbsp 
    </div>
        <h1 class="p-title-bar">&nbsp;&nbsp;.HUS</h1>
    <div class="go-button">

    </div>
</div>