これらのhtmlマークアップがあります
<div class="chatbar">
<div class="chatbox" style="margin-right:0px"> first</div>
<div class="chatbox" style="margin-right:5px"> chatbox</div>
<div class="chatbox" style="margin-right:10px"> chatbox</div>
<div class="chatbox" style="margin-right:15px"> chatbox</div>
<div class="chatbox" style="margin-right:20px"> chatbox</div>
<div class="chatbox" style="margin-right:25px"> chatbox</div>
</div>
水平スクロールバー付きのチャットバー div が必要ですが、機能していません。ここに私の css があります
.chatbox{
float:right;
height: 180px;
width: 250px;
margin-right:10px;
border-right:1px solid red;
border-left:1px solid red;
}
.chatbar {
border: 1px solid blue;
overflow-x:scroll;
overflow-y:hidden;
width: 980px;
height: 200px;
position: relative;
bottom:10px;
float:right;//
}
要素が互いに追加されています。その解決策を見つけてください。