<div style="width:500px;height:200px;border:1px solid red;">
<div style="width:500px;height:200px;border:1px solid gold;">
</div>
</div>
此时外层div的实际高度为202px,宽度为502px,内层为(200,500)
<div style="width:500px;height:200px;border:1px solid red;">
<div style="width:100%;height:100%;border:1px solid gold;">
</div>
</div>
此时外层div:(200,500) 内层div:(198,498)
<table cellspacing="0" cellpadding="0" style="width:500px;height:200px;table-layout:fixed;border:1px solid red;">
<tr>
<td style="width:77px;height:100%;border:1px black solid;"> </td>
<td style="height:100%;border:1px black gold;"> </td>
<td style="width:20px;height:100%;border:1px green solid;"> </td>
</tr>
</table>
在ie7下,只显示table的红边框,高度为200px,而td的上下边框被table覆盖,在firefox里相反,只显示td的边框。如果将table的border的边框设为0,则td的高度仍然为200px
分享到:
相关推荐
用javascript拖动div或table等对象。 代码兼容各种浏览器,IE,Firefox,Opera,Safari等。 这里有三种拖动效果。
ps切出来的table,直接转div,转css超级方便的一款工具。
总结 css+div和table+css各自优点缺点!!
讲述div与table在设置边框时的区别
table转div工具,很棒的工具,直接把table转为div+css
Div仿制table送自定义Scrollbar支持排序,支持IE6及以上浏览器
在服务器端生成的table写到页面的一个Div中去:通过存储过程来实现 存储过程
div模拟table滚动时表头固定,兼容ie6;且table自适应,表头的列宽与表体列宽一致,即表头边框与表体边框对齐
div和table在网站中的可用性比较.docx
这个工具可以将原来table的html转换为div+css
主要介绍了jquery实现动态改变div宽度和高度,效果非常不错,而且兼容性也很好,有需要的小伙伴可以参考下。
针对table中cell或div等中得值进行html编辑和保存
点击div部分区域选中整个元素
有好多做网站和喜欢SEO的朋友都青睐把网站用DIV+CSS构建,但对于DIV+CSS技术不是很熟练的网友来说,因为考虑到网站CSS在不同兼容性等问题,重新构建一次的确很麻烦。 Table2CSS3.0的出现,让这一切工作都变得简单化...
div+css高度自适应网页布局,子div含float,父div高度自适应,已经通过测试的浏览器:ie6、ie7、ie8、火狐、Chrome。 代码来源: http://www.positioniseverything.net/articles/onetruelayout/equalheight
JS+CSS+DIV+Table实现C#中DataGridView控件可修改单元格的值 点击Table中的TD弹出DIV..输入值点确认就可修改TD的值
div模拟table兼容ie620140424。table自适应,表头的列宽与表体列宽一致,即表头边框与表体边框对齐
Div即父容器不根据内容自适应高度,我们看下面的代码: 复制代码代码如下: <div id=”main”> <div id=”content”></div> </div> 当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好...
table布局网页转换为div+CSS布局的转换软件. 非常快捷方便,一转眼一个老式样table布局网页的网页就转换成div+CSS布局的了,支持绝对定位和流定位.
Table2CSS3.0.0完美汉化破解...成DIV+CSS方式的软件。支持外部CSS,支持网页及目录 批量转换。 更新说明: 3.0.0 +增加DOM(文档对象模型)查看器,允许调整转换设置. +通用CSS前缀配置默认值"gen". +增加视频转换教学帮助