我有一个表,我想定义min-width和max-height属性.见下面的例子.
我现在的问题是浏览器不接受它.如果我在td它上面定义它会被忽略,如果我在div元素内部的td元素中定义它,内容具有正确的最小和最大宽度,但表仍然具有相同的大小.(所以有很多可用空间:/)
我该如何解决这个问题？
编辑:我刚刚注意到问题似乎只发生在表格处于全屏模式时.然而,元素不应超过最大宽度!
例:
<html>
<head>
<style type="text/css">
td {
border: 1px solid black;
}
html,body,.fullheight {
height: 100%;
width: 100%;
}
.minfield {
max-width: 10px;
border: 1px solid red;
overflow: hidden;
}
</style>
</head>
<body>
<table class="fullheight">
<tr>
<td class="minfield">
<div class="minfield">
<p>hallo</p>
</div>
</td>
<td><p>welt</p></td>
</tr>
</table>
</body>
</html>