怎样让select的高度充满表格?

My_Love 2013-11-22 10:01:29
<!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...又都可以很奇怪的兼容问题。有什么好的办法?
...全文
356 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
<!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
  • 打赏
  • 举报
回复
引用 3 楼 My_Love 的回复:
[quote=引用 1 楼 KK3K2005 的回复:] size=2 你吧这个设置的大点
设置到多大?[/quote] height 100% 老的浏览器不支持 所以你必须显式的设置高度 或者设置size 或者设置上下距离
My_Love 2013-11-22
  • 打赏
  • 举报
回复
引用 1 楼 KK3K2005 的回复:
size=2 你吧这个设置的大点
设置到多大?
junlinfushi 2013-11-22
  • 打赏
  • 举报
回复
size设置大点
KK3K2005 2013-11-22
  • 打赏
  • 举报
回复
size=2 你吧这个设置的大点

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧