изменить высоту фонового цвета

Question

Я пытаюсь изменить высоту фона в классе.

#myclass{ 
    background-color: #FFF; 
    padding: 25px; 
    border: 1px solid #e1e1e1; 
    height:auto; 
} 

<div id="myclass"> 
    <div class="col-md-4">image</div> 
    <div class="col-md-4">text</div> 
    <div class="col-md-4">button</div> 
</div> 

В CSS height:420px работает, но я не хочу что-то вроде этого

Answer 1

Похоже, что у Вас возникли проблемы с плавающими элементами. Поскольку элементы .col-md-* плавают, ваш элемент #myclass не имеет высоты (таким образом, фон не будет отображаться). .col-md-* элементы Bootstrap в должны быть обернуты в элементе с class из "row", и я считаю, что это будет решать ваши проблемы:

<div id="myclass" class="row"> 
    <div class="col-md-4">...</div> 
    <div class="col-md-4">...</div> 
    <div class="col-md-4">...</div> 
</div> 

Если это не вариант, вам нужно добавить элемент очистить поплавки на тех .col-md-4 элементов:

<div id="myclass" class="row"> 
    <div class="col-md-4">...</div> 
    ... 
    <br style="clear: both"> 
</div> 

Answer 2

решение 1) Если это твердый цвет фона - вы можете добавить фон как изображение

#myclass { 
background-image:url('pathtoimage/background-image.png'); 
background-size: 100% 450px; 
background-position: left top; 
} 

Решение 2) Добавьте изображение/цвет поддельного фона, добавив div внутри #myclass.

<div id="myclass"> 
<div class="fake-bg"></div> 
<div class="col-md-4">image</div> 
<div class="col-md-4">text</div> 
<div class="col-md-4">button</div> 
</div> 

Добавьте это в CSS:

#myclass { 
position:relative; 
} 
.fake-bg { 
position:absolute; 
left:0; 
top:0; 
width:100%; 
height:450px; 
z-index:-1; 
} 

Answer 3

.clearfix:before, .clearfix:after { 
     content: ""; 
     display: table; 
     line-height: 0; 
    } 

    .clearfix:after { 
     clear: both; 
    } 

, пожалуйста, используйте этот CSS и просто положить .clearfix с .ror класса. он действовал вызывающе