table/div高度100%无效果问题

最新推荐文章于 2024-03-04 17:23:21 发布

原创最新推荐文章于 2024-03-04 17:23:21 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #css

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用CSS实现全屏布局的方法，并通过具体代码示例展示了如何使表格单元格在不同浏览器中保持一致的全屏显示效果。

<style type="text/css">
body,html{
	height:100%;/*(由于浏览器兼容性问题，IE中必须加入此项样式)*/
	margin:0;
	padding:0;}
.content{
	width:100%;
	height:100%;
	background-color:pink;
	}
td{
	border:solid 1px #000;
	width:50%;
	height:50%;
	text-align:center;}
</style>
<table class="content">
	<tr>
		<td>你好</td><td>你好</td>
	</tr>
	<tr>
		<td>你好</td><td>你好</td>
	</tr>
</table>

若body,html中的代码没有