Родительский и дочерний div с формой

Question

У меня есть этот код: http://jsfiddle.net/bUPWS/1/ но # div2 переполнения # div1. Как перенести переполненные входы рядом с другими?

<div id="div1"> 
    <div id="div2"> 
     <form> 
      <input/><br/><input/><br/><input/><br/><input/><br/><input/><br/><input/><br/><input/><br/><input/><br/><input/><br/><input/><br/> 
     </form> 
    </div> 
</div> 

#div1 { 
    width:400px; 
    height:100px; 
    border:1px solid red; 
} 

Answer 1

видеть ваш код, я могу сказать, что вы используете <br /> тег, поэтому нет никакой возможности привести свои входы рядом друг с другом. просто удалите все <br/>, все ваши входы будут выравниваться правильно.

дополнительно можно использовать min-height для родительского DIV div1

#div1 { 
    width:400px; 
    min-height:100px; 
    border:1px solid red; 
} 

#div2 input {display:inline; } 

если ваши входы увеличивается более чем предел 100px height вашего родительского DIV будет регулировать высоту по отношению к входам внутри div2 блока

EDIT: Однако, чтобы объяснить мой комментарий ниже, я обновил ваш пример скрипта, вы можете проверить, как мы можем его достичь, используя <ul> <li></li></ul> теги

Fiddle example

Код, если он здесь!

HTML

<div id="div1"> 
    <div id="div2"> 
     <form> 
      <ul> 
       <li><input/></li> 
       <li><input/></li> 
       <li><input/></li> 
       <li><input/></li> 
       <li><input/></li> 
      </ul> 
      <ul> 
       <li><input/></li> 
       <li><input/></li> 
       <li><input/></li> 
       <li><input/></li> 
       <li><input/></li> 
      </ul> 

     </form> 
    </div> 
</div> 

CSS

#div1 { 
    width:800px; 
    min-height:100px; 
    border:1px solid red; 
} 
*{padding:0; margin:0} 
#div2 ul{float:left; padding-left:10px; } 

Answer 2

Я не уверен, если это то, что вы ищете, но вы можете установить переполнение: авто для Div 1 и установить поплавок: слева, для входов. fiddle: http://jsfiddle.net/bUPWS/28/

Answer 3

Попробуйте использовать fieldset instad of div. см: http://www.w3schools.com/tags/tag_fieldset.asp