61,129
社区成员
发帖
与我相关
我的任务
分享怎样让select的高度充满表格？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=gb2312" />
<title>test select</title>
</head>
<body>
<table border="0" style="width:100%;">
<tr>
<td style="height:100%;">
<select name="cars" size=2 style="width:100px; height:100%;">
<option value="login" selected="selected">登录</option>
<option value="api">版权</option>
<option value="fiat">Fiat</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
<option value="fiat">Fiat</option>
</select>
</td>
<td style="width:100%;">
<textarea name="post[body]" rows="10" style="width:100%; resize:vertical"></textarea>
</td>
</tr>
</table>
</body>
</html>
现在的在chrome还可以，在ie和firefox就达不到效果。
去掉<!DOCTYPE...又都可以很奇怪的兼容问题。有什么好的办法？
...全文
请发表友善的回复…
发表回复
斯洛文尼亚旅游 2013-11-22
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=gb2312" />
<title>test select</title>
</head>
<body>
<table border="0" style="width:100%;">
<tr>
<td style="height:100%;">
<select name="cars" size=2 style="width:100px; height:100%;" id="sel">
<option value="login" selected="selected">登录</option>
<option value="api">版权</option>
<option value="fiat">Fiat</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
<option value="fiat">Fiat</option>
</select>
</td>
<td style="width:100%;">
<textarea name="post[body]" rows="10" style="width:100%; resize:vertical"></textarea>
</td>
</tr>
</table>
<script>
window.onload = function () { document.getElementsByTagName('select')[0].style.height = document.getElementsByTagName('textarea')[0].offsetHeight + 'px' }
</script>
</body>
</html>
KK3K2005 2013-11-22
- 打赏
- 举报
设置到多大？[/quote]
height 100% 老的浏览器不支持
所以你必须显式的设置高度 或者设置size 或者设置上下距离
My_Love 2013-11-22
- 打赏
- 举报
设置到多大？
junlinfushi 2013-11-22
- 打赏
- 举报
size设置大点
KK3K2005 2013-11-22
- 打赏
- 举报
size=2
你吧这个设置的大点
