CSSのレイアウトが遠くにあります。

Question

私には問題があります。なぜ起こったのか知らない。これはウェブサイトのCSSに関する写真です。

This is what is going on.

私の英語は非常に良いではありません。誰も私を助けることができますか？

Answer 1

あなたの幅は100％で、その幅は身体から継承されています。私はあなたが私はこの問題abaut読んでいた本

.container { 
 
     border : 2px solid #000; 
 
     overflow:hidden; 
 
    } 
 

 
    #one { 
 
     background-color: gray; 
 
     float:left; 
 
     padding:15px; 
 
     width:50px; 
 
     border-right:2px solid #000; 
 
     height:200px; 
 
    } 
 
    #two { 
 
     background-color: gray; 
 
     float:left; 
 
     padding:15px; 
 
     width:300px; 
 
     height:200px; 
 
     border-right:2px solid #000; 
 
    } 
 
    
 
    #three { 
 
     background-color: white; 
 
     width:300px; 
 
     height:200px; 
 
     border-right:2px solid #000; 
 
    }

<div class="container"> 
 
    <div id="one">one</div> 
 
    <div id="two">two</div> 
 
    <div id="three">three</div> 
 
    </div>

Answer 2

タグが不足しているか、すべての要素のコンテナの幅を定義する必要があるようです。

もう1つの方法は、オーバーフローを隠すことです。

CSSが幅を100％とし、領域を超えていると、divが正しく設定されていないことを意味します。

コードを入力しないと、手伝ってもらえません。