DIV의 높이 자동 조정

Question

저는 div의 en 코드를 사용하여 mysql 데이터베이스에서 값을 가져옵니다.

잘 작동합니다. 그러나 데이터베이스의 값이 1 행보다 길면 div가있는 테이블이 좋지 않습니다.

$result = mysql_query("SELECT * FROM boxen "); 
    while ($row = mysql_fetch_assoc($result)) 
    { 
    echo '<div class="a naam">'; 
    echo '<a href="boxen.php?boxid=' . $row['ID'] . '">' . $row['naam'] . '</a>'; 
    echo '</div>'; 

    echo '<div class="a datum">'; 
    echo $row['datum']; 
    echo '</div>'; 

    echo '<div class="a land">'; 
    echo $row['land']; 
    echo '</div>'; 

    echo '<div class="a naam">'; 
    echo $row['starter']; 
    echo '</div>'; 
    } 

CSS 코드는 색상을 조정하고, 폭 :

이

내가 사용하고 코드입니다. Short : 높이를 고정시키는 방법은 무엇입니까?

p.s. 나는 stackoverflow에서 검색했지만 아무것도 나를 도울 수있는, 어쩌면 내가 잘못된 키워드를 사용하고 발견?

편집 :

<div class="inhoud"> 
<h2>Inhoud van de box: </h2><br /> 
<div class="header naam"> 
    Naam product 
</div> 
<div class="header omschrijving"> 
    Omschrijving 
</div> 
<div class="header aantal"> 
    Aantal 
</div> 
<div class="header datum"> 
    Datum toegevoegd 
</div> 
<div class="header naam"> 
    Naam toeveoger 
</div> 
<div class="header datum"> 
    Datum verwijderd 
    </div> 
<div class="header naamVerwijderaar"> 
    Naam verwijdereraar 
</div> 
<div class="header icon"> 
    &nbsp; 
</div> 
<div class="header icon"> 
    &nbsp; 
</div> 
<div class="header icon"> 
    SAMPLE SAMPLE SAMPLE SAMPLE SAMPLE 
</div> 

이 헤더이지만,이 같은 문제가 있습니다. 마지막 열은 2 개의 행을 가지며, 다른 행을 추가하면 매우 어수선하게됩니다.

그리고 CSS 코드 :

/* Algemeen voor header*/ 
.header { 
    background-color:#4DA0FF; 
    float:left; 
    margin-left:4px; 
    margin-bottom:4px; 
    color:white; 

} 
/* END HEADER*/ 
/* ALGEMEEN OVERIZCHT*/ 
/* naam */ 
.naam{ 
width:200px; 
height:auto; 
} 
/* naam die het product er uit heeft gehaald*/ 
.naamVerwijderaar{ 
width:210px; 
height:auto; 

} 
/* datum */ 
.datum{ 
width:150px; 
height:auto; 

} 


/* omschrijinvg */ 
.omschrijving{ 
    width:200px; 
    height:auto; 

} 
.aantal { 
    width:80px; 
    height:auto; 

} 
/* land */ 
.land{ 
width:150px; 
height:auto; 

} 
inhoud{ 
    width:1305px; 
} 

내가이 예를 들어 모든 CSS 코드가 필요하지 않습니다!

Answer 1

당신은 이런 종류의 일을위한 테이블을 원합니다.

올바른 유형의 데이터 (표 형식 데이터, 즉 표에 가장 적합한 데이터의 종류)로 사용되는 경우 표가 모두 악의가있는 것은 아니며 표는 완벽하게 허용됩니다.

샘플 코드 : 스택 오버플로

<style type="text/css"> 
    th { 
     background-color: rgb(77, 160, 255); 
     margin-left:  4px; 
     margin-bottom: 4px; 
     color:   rgb(255, 255, 255); 
    } 
    table caption { 
     font-size: 2em; 
     font-weight: bold; 
    } 
</style> 
<table> 
    <caption>Inoud van de box:</caption> 
    <thead> 
     <tr> 
      <th>Naam product</th> 
      <th>Omschrijving</th> 
      <th>Antal</th> 
      <th>Datum toegevoegd</th> 
      <th>Naam toevegoer</th> 
      <th>Datum verwijderd</th> 
      <th>Naam verwijderd</th> 
      <th>&nbsp;</th> 
      <th>&nbsp;</th> 
      <th>SAMPLE SAMPLE SAMPLE SAMPLE</th> 
     </tr> 
    </thead> 
</table>