Разметка CSS процентов далеко.

Question

У меня проблема css. Я не знаю, почему это происходит. Это фотография о сайте css.

This is what is going on.

Мой английский не очень хорошо. Может кто-нибудь мне помочь?

Answer 1

Площадь области содержимого Width составляет 100%, и эта ширина наследуется от тела. Я думаю, вы должны использовать что-то вроде этого

.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

Похоже, что вам могут быть недостающие теги или вам необходимо определить ширину контейнера ВСЕХ элементов.

Другой вариант - скрыть переполнение.

Если CSS говорит, что ширина равна 100%, и она проходит мимо области, это означает, что вы неправильно настроили свои div.

Без предоставления вам каких-либо кодов вам будет сложно помочь.