元素盒模型的宽度
=
width值
+
左右内
边距
值
+
左右边框值
+
左右外边距值
元素盒模型的高度
=
height值
+
上下内边距值
+
上下边框值
+
上下外边距值
根据公式求相应值即可（你说的减法是要求其中的某个值吧？）
写第二列的宽度等于table的宽度减去第一列的宽度，需要用js控制获得两个元素的宽，相减后的结果是第二列元素宽度属性的值。但是这样做很麻烦。建议你把图片和文字分别放在两个span标签里，这样就可以不用定义宽度了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0px}/*让整个页面边距为0px*/
#left,#right{ width:200pxheight:300pxbackground:#069}/*设置左右两个div的宽度、高度为200px和300px，背景为蓝色*/
#left{ position:absolutetop:0pxleft:0px}/*将左边的div绝对定位到左上。*/
#right{ position:absolutetop:0pxright:0px}/*将左边的div绝对定位到右上。*/
#center{height:300pxmargin:0 200 0 200pxpadding-left:200pxbackground:#F63}
/*把中间的div高度同样设置为300px，宽度让其自适，左右的外边距为200px（给左右的div让出位置），背景为橙*/
</style>
</head>
<body>
<div id="left">左边内容</div>
<div id="center">运用绝对定位就不用套一个大div了，且不用添加浮动属性，使代码更简洁</div>
<div id="right">右边内容</div>
</body>
</html>
