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>

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

Answer 1

添加此css

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

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

并在html中使用div这样的

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

Answer 2

试试这个css -

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

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

用css修复列高度

2 个答案: