请参考网址:http://jsfiddle.net/8tFnG/1/ http://jsfiddle.net/8tFnG/1/
<table border="1" cellspacing="0" cellpadding="1" width="100%">
<colgroup>
<col span="1" style="width:5%">
<col span="1" style="width:70%">
<col span="1" style="width:25%">
</colgroup>
<tr>
<td colspan="2">
<div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 100px;">Sample Text 1</div>
</td>
<td rowspan="5" style="vertical-align: top;">
<section class="loginform">
<fieldset style="border-radius: 5px; padding: 5px;height: 450px; border: solid 1px red; overflow: auto;">
<legend>Template</legend>
<ul style="padding: 10px;">
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>
</fieldset>
</section>
</td>
</tr>
<tr>
<td>val</td>
<td>
<div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; color:black; border:1px solid #e5e5e5; min-height: 80px;">1 Only</div>
</td>
</tr>
<tr>
<td>bal</td>
<td>
<div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 80px;">2 only</div>
</td>
</tr>
<tr>
<td>nal</td>
<td>
<div style="width:100%; color:black; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 80px;">Both 1 and 2</div>
</td>
</tr>
<tr>
<td>dul</td>
<td>
<div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 80px;">Neither 1 nor 2</div>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
溢出-y:滚动在 Firefox 中不起作用;有什么办法解决同样的问题吗?
[您可以查看右侧的模板部分]
你应该提到溢出section
不是fieldset
.
<section class="loginform" style="overflow-y: auto;">
And add height: auto
对于fieldset,这样内容就不会流到外面。
<fieldset style="border-radius: 5px; padding: 5px;height: 450px; border: solid 1px red; height: auto">
检查这个小提琴http://jsfiddle.net/Ajey/ZK3yJ/ http://jsfiddle.net/Ajey/ZK3yJ/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)