当前位置: 首页 > news >正文

table与div对待边框的一点儿区别

现有一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的边框是包含在总高度之中的。

相关文章:

  • 浅析人脸检测之Haar分类器方法
  • 震撼!!
  • Linux基本操作 7----- vi操作的详细信息
  • 基准电压——Reference voltage
  • linux下alias命令
  • 黑马程序员_properties,打印流,合并流,分割流
  • 软件架构师的12项修炼_读书纪要_P3商务技能修炼
  • 内存对齐规则
  • 【Deep Learning学习笔记】Deep learning for nlp without magic_Bengio_ppt_acl2012
  • 不用外部JAR包,自己实现JSP文件上传!
  • 计算机技术不是吓唬大众的工具!
  • Windows程序设计学习笔记--第一个Windows程序以及宽字符集(了解)
  • 云计算和大数据入门
  • Windows Azure使用必读
  • Windows Azure新功能:Hadoop和Web版的移动服务
  • (ckeditor+ckfinder用法)Jquery,js获取ckeditor值
  • 2018以太坊智能合约编程语言solidity的最佳IDEs
  • Codepen 每日精选(2018-3-25)
  • css布局,左右固定中间自适应实现
  • iBatis和MyBatis在使用ResultMap对应关系时的区别
  • input的行数自动增减
  • python_bomb----数据类型总结
  • SegmentFault 技术周刊 Vol.27 - Git 学习宝典:程序员走江湖必备
  • V4L2视频输入框架概述
  • vue中实现单选
  • 从伪并行的 Python 多线程说起
  • 大主子表关联的性能优化方法
  • 多线程事务回滚
  • 记一次用 NodeJs 实现模拟登录的思路
  • 聚类分析——Kmeans
  • 跨域
  • 快速体验 Sentinel 集群限流功能,只需简单几步
  • 前端之React实战:创建跨平台的项目架构
  • 如何将自己的网站分享到QQ空间,微信,微博等等
  • 如何用vue打造一个移动端音乐播放器
  • 收藏好这篇,别再只说“数据劫持”了
  • 用Canvas画一棵二叉树
  • AI算硅基生命吗,为什么?
  • gunicorn工作原理
  • Java性能优化之JVM GC(垃圾回收机制)
  • k8s使用glusterfs实现动态持久化存储
  • 如何用纯 CSS 创作一个货车 loader
  • !!Dom4j 学习笔记
  • (10)STL算法之搜索(二) 二分查找
  • (173)FPGA约束:单周期时序分析或默认时序分析
  • (poj1.2.1)1970(筛选法模拟)
  • (ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY)讲解
  • (附源码)ssm高校实验室 毕业设计 800008
  • (附源码)小程序儿童艺术培训机构教育管理小程序 毕业设计 201740
  • (个人笔记质量不佳)SQL 左连接、右连接、内连接的区别
  • (理论篇)httpmoudle和httphandler一览
  • (四)搭建容器云管理平台笔记—安装ETCD(不使用证书)
  • (正则)提取页面里的img标签
  • (转) RFS+AutoItLibrary测试web对话框
  • (转)【Hibernate总结系列】使用举例