两个div并排问题

guosheng1987 2007-08-09 11:15:56

两个div写在一排，我用style = float：left控制，设置border之后，当Height = 100%时，拉下屏幕div就会被挤下去，不知道有没有解决的办法

<style type = 'text/css'>
font
{
color:#3399FF;
}
img
{
border:5px solid #000000;

}
div
{
height：100%//问题出在这里，我要让边框又能够随屏幕大小改变，又不把div挤下去怎么办呢。
overflow:auto;
}

</style>

<BODY onload = "load()" style = "overflow:auto">

<DIV id = 'chiefdiv'style = "">
<div id = 'leftdiv' style = "float:left;border:1px solid #FF9933" align = 'center' >
<font size = '5px'>选择图片</font>
<select id = 'selectedpicture'size = 1 onchange = 'change_picture(this.selectedIndex)'>
<option>kkx1</option>
<option>kkx2</option>
</select>
<br>
<br>
<img id = 's_kkx' src = "D:\应用软件\EditPlus 2\TEXT\picture\s_kkx.jpg" onmouseover = "changecolor('s_kkx')" onmouseout = "revertcolor('s_kkx')" onclick = "show_large_picture(1)">
<br>
<img id = 's_kkx2' src = "D:\应用软件\EditPlus 2\TEXT\picture\s_kkx2.jpg" onmouseover = "changecolor('s_kkx2')" onmouseout = "revertcolor('s_kkx2')" onclick = "show_large_picture(2)">
</div>

<div id = 'rightdiv' style = "float:right;border:1px solid #999900" align = 'center'>
</div>
</DIV>


</BODY>

...全文