div растягивается до указанной ширины

-1

Im пытается создать столбец на 2 страницы, но мои divs не растягиваются до указанной ширины, и я не понимаю почему. Я связал jsfiddle для моего кода.div растягивается до указанной ширины

код здесь:

.container{ 
 
\t width: 960px; 
 
\t background-color: grey; 
 
\t margin: 0px auto 0px auto; 
 
} 
 

 
.column1{ 
 
\t background-color: red; 
 
\t display: inline; 
 
\t width: 480px; 
 
} 
 

 
.column2{ 
 
    width: 480px; 
 
\t background-color: yellow; 
 
\t display: inline; 
 

 
}

<body> 
 
    <div class="container"> 
 
    \t <div class="column1">a</div> 
 
    <div class="column2">b</div> 
 
    </div> 
 
    </body>

источник

2016-09-28 user6004404

попробовать встроенный блок вместо встроенного –

Вместо того, чтобы пытаться обойти правила размещения SO пример кода ** в вашем вопросе ** по подчеркивая смысл слов как кода, почему бы просто не сделать так, как вас спрашивали? Вы видели большую, красную предупреждающую коробку, но предпочли ее игнорировать. Зачем? – j08691

измените свойство отображения, чтобы заблокировать и поместить оба divs влево ..https: //jsfiddle.net/atsnoe7z/4/ –

Я предполагаю, что вы пытаетесь создать 2 <div> элементы, которые расположены на левой и правой части страницы? Если это так, то это должно решить проблему:

.container{ 
 
    width: 960px; 
 
    background-color: grey; 
 
    margin: 0px auto 0px auto; 
 
} 
 

 
.column1{ 
 
    width: 50%; 
 
    background-color: red; 
 
    float: left; 
 
} 
 

 
.column2{ 
 
    width: 50%; 
 
    background-color: yellow; 
 
    float: left; 
 
}

<body> 
 
    <div class="container"> 
 
    <div class="column1">a</div> 
 
    <div class="column2">b</div> 
 
    </div> 
 
</body>

источник

2016-09-28 13:57:12 Roy123

div растягивается до указанной ширины

ответ

Смежные вопросы