修正列高度在CSS

Question

我有以下CSS来源：

/**Track Properties***/ 
#area { 
    font-size: 14px; 
} 
conteiner { 
    height:100%; 

} 
.track { 
    position: relative; 
    padding: 0px; 
    margin: 0 auto; 
    width: 980px; 
} 

.trackdetails { 
    position: relative; 
    top: -450px; 
    float: left; 
    width: 250px; 
    line-height: 25px; 
    border-right: 2px solid #9e9e9e; 
    padding-right: 25px; 
    padding-bottom: 15px; 
    font-size: 14px; 
    margin: 0; 
    left:100px; 

} 


    .trackdetails #title { 
     color: #3852A4; 
     font-size: large; 
     text-decoration: underline; 
     font-family: Tahoma, Geneva, sans-serif; 
     margin-bottom: 20px; 
    } 

    .trackdetails #content { 
     z-index: 1111; 
    } 

#trackdescription { 
    width: 550px; 
    text-align: justify; 
    min-height: 400px; 
} 



/**END**/ 

这HTML/ASPX来源：

<div class="track"> 

     <h1><%=TrackName %></h1> 

     <div class="details"> 
      <span id="author">מאת: <%=FullName %>,</span> 
      <span id="date">פורסם בתאריך: <%=PostDate%></span> 

      <div> 
       <span id="area"><b>איזור: </b><%=TrackLocation %></span> 
      </div> 
     </div> 
     <div id="trackdescription"> 
      <%=TrackDescription %><p></p> 
     </div> 

     <div class="trackdetails"> 
      <div id="content"> 
       <div id="title">פרטים נוספים</div> 
       <p> 
        <b>רמת קושי:</b> <%=DifficultLevel %> 
       </p> 
       <p> 
        <b>מעגלי?</b> <%=IsCircular %> 
       </p> 
       <p> 
        <b>מתאים למתחילים?</b> <%=ForBeginners %> 
       </p> 
       <p> 
        <b>משך המסלול:</b> <%=TrackDuration %> 
       </p> 
       <p> 
        <b>אורך המסלול:</b> <%=TrackLength %> 
       </p> 
       <p> 
        <b>טיפוס מצטבר:</b> <%=OverallHeight %> 
       </p> 
       <p> 
        <b>עונה מומלצת:</b> <%=Season %> 
       </p> 
       <p> 
        <b>נקודת התחלה:</b> <%=StartPoint %> 
       </p> 
       <p> 
        <b>מקום חניה:</b> <%=ParkingPlace %> 
        <b>מקום חניה:</b> <%=ParkingPlace %> <b>מקום חניה:</b> <%=ParkingPlace %> <b>מקום חניה:</b> <%=ParkingPlace %> <b>מקום חניה:</b> <%=ParkingPlace %> <b>מקום חניה:</b> <%=ParkingPlace %> <b>מקום חניה:</b> <%=ParkingPlace %> <b>מקום חניה:</b> <%=ParkingPlace %> 
       </p> 
      </div> </div> 

     </div> 
     תמונות <%=images %><p></p> 
     מפה : <%=result2%><p></p> 

的problm的是，我得到这个结果，有些内容是'on'其他内容（有一个PrintScreen） 我的问题是为什么以及如何解决这个问题？ ！ 希望有帮助，谢谢[请在此输入图像说明] [1]

Answer 1

添加这个CSS

#image{width:600px; 
height:50px; 
float:right;} 

#result{width:600px; 
height:50px; 
float:right;} 

和HTML

<div id="image">?????? <%=images %><p></p></div> 
<div id="result">??? : <%=result2%><p></p></div> 

Answer 2

试试这个CSS使用DIV这样的 -

#image{position:relative; 
top:-450px; 
width:1010px; 
height:100px; 
float:left;} 

#result{position:relative; 
top:-450px; 
width:1010px; 
height:100px; 
float:left;}