现有一div高度为200px,有一table高度也为200px
<div class="column_left" style="height:200px; background-color:Black;"></div>
<table style="height:200px; width:230px;float:left; background-color:Red;" ><tr><td></td></tr></table>
展示效果(图1)
我们可以看到黑色的div与红色的table高度是一样的。
下面我给他们分别加上边框
<div class="column_left border" style="height:200px; background-color:Black;"></div>
<table style="height:200px; width:230px;float:left; background-color:Red;" class="border" ><tr><td></td></tr></table>
再看下效果(图2)
table的高度没变,div的高度增加了两个像素。
总结:div的边框是在总高度的基础上增加的,table的边框是包含在总高度之中的。
分享到:
相关推荐
讲述div与table在设置边框时的区别
table转div工具,很棒的工具,直接把table转为div+css
table嵌套table的边框样式代码例子(包含div嵌套table的外边框)。
ps切出来的table,直接转div,转css超级方便的一款工具。
Table to Div Tools! Just for you!
这个工具可以将原来table的html转换为div+css
table转换div+css 开发是table+css的话可以用此工具转换成div+css
能快速的将table标签转换成div+css,在网页运行时减少带宽,更迅速的出现网页。增强客户体验!
在服务器端生成的table写到页面的一个Div中去:通过存储过程来实现 存储过程
主要介绍了让Table的TD有边框而Table右左没有边框的CSS样式,需要的朋友可以参考下
表格内外边框线的属性 特备针对表格嵌套表格的时候修改样式比较有用
table布局网页转换为div+CSS布局的转换软件. 非常快捷方便,一转眼一个老式样table布局网页的网页就转换成div+CSS布局的了,支持绝对定位和流定位.
table 边框拖动
HTML小技巧:将table边框改为细线 HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线
div模拟table滚动时表头固定,兼容ie6;且table自适应,表头的列宽与表体列宽一致,即表头边框与表体边框对齐
div模拟table兼容ie620140424。table自适应,表头的列宽与表体列宽一致,即表头边框与表体边框对齐
总结 css+div和table+css各自优点缺点!!
html为内边框加颜色而嵌套TABLE边框不显示出来的两种方法.pdf