何が間違っていますか?ここではHTMLは次のとおりです。divsが正しく動作しない
<body>
<div class="container">
<div id="header">
<p id="title">PNR File Finish</p>
</div>
<div id="leftside">
<form>
<div>
<label for="comp_Name">Company:<br/> <input id="comp_name" type="text" value="" name="" size="30"
maxlength="50"><br/><br/>
<label for="nick">Company Code:<br/> <input id="nick" type="text" value="" name="" size="4"
maxlength="4"><br/><br/>
<label for="clientID">ClientID:<br/> <input id="clientID" type="text" value="" name="" size="10"
maxlength="10"><br/><br/>
<label for="Recloc">Record Loc:<br/> <input id="recloc" type="text" value="" name=""
size="10" maxlength="6"><br/><br/>
<p id="info">Please be sure Client Name and Client ID are correct before running File
Finishing!</p>
<a href="#" class="btn btn-primary btn-md active" role="button">Run File Finish</a>
<hr>
<a href="#" class="btn btn-primary btn-md active" role="button">Reload PNR</a><br /><br />
<p id="info2">If Customer information is incorrect, reload underlying PNR</p>
</form>
</div>
<div id="right_box">
</div>
</div>
</body>
そしてここでは、CSSは次のとおりです。
body {
background-color: white;
}
.container{
width: 1200px;
height: 800px;
backround-color: #FAEBD7;
}
#header{
height: 50px;
background-color: darkblue;
}
#title{
text-align: center;
color: white;
font-size: 30px;
padding-top: 5px;
}
#leftside{
width: 300px;
float: left;
height: 600px;
border-left: 1px solid darkblue;
border-right: 1px solid darkblue;
border-bottom: 1px solid darkblue;
padding-top: 30px;
padding-left: 5px;
padding-right: 5px;
}
#right_box{
width: 100px;
height: 600px;
float: left;
border: 1px solid darkblue;
}
右のボックスには、右側の代わりに、よく下の両方表示されています。私はいろいろな方法で試しましたが、それを働かせることはできません。申し訳ありませんが、かなり新しいです。どんな助けもありがとう。
あなたには、おそらくその問題の原因となっているいくつかの閉じられていない要素を含む、大量のHTMLエラーがあります。 https://validator.w3.orgであなたのhtmlを検証して、それをクリアできるかどうか確認してください。 –