border-collapse 属性设置表格的边框是否被合并为一个单一的边框。它有以下几个值：
-- separate 默认值：边框会被分开，不会忽略 border-spacing 和 empty-cells 属性；
-- collapse：如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性；
-- inherit：规定应该从父元素继承 border-collapse 属性的值。
双线表格边框的实现
html代码：
<table>
<tr>
<td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td>
</tr>
<tr>
<td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td>
</tr>
<tr>
<td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td>
</tr>
<tr>
<td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td>
</tr>
</table>
css代码：
table,table td{
text-align: center
border: 1px solid #000
border-collapse：separate；
}
table td{
padding: 10px 30px
}
表格边框的双线样式其实很简单，只要同时设置表格外边框和table里的每个单元格的边框，就可以实现了。
因为separate是默认值，就算是不设置border-collapse：separate；表格也会呈现双线效果。
我们主要是来看看border-collapse属性合并边框，实现单线边框的方法，html代码一样，只需设置css样式：
css代码：
table,table tr td {
border: 1px solid #000
text-align: center
border-collapse: collapse
}table tr td {
padding: 10px 30px
}
单线边框的实现也很简单，它是在双线样式的基础上，设置border-collapse: collapse
把相邻的两个table边框合并成一个，使得相邻的两条线并在一起，边框就以单线的形式显示了。
总结：表格边框的无论是单线边框样式，还是双线边框样式都在前端页面中应用广泛，大家可以根据自己
CSS表单文本框的位置，首先我们需要看要求放置的位置，这里我们需要使用的是css的position的定位属性，一般是使用绝对定位，这里我们可以举个例子来体现：
<html><head>
<style>
input{
width:200px
height:30px
position:absoulte
left:300px //这里假定的值，具体应用需要测量
top:200px
}
</style>
</head>
<body>
我的名字：<input type='text'>
</body>
</html>
加个很简单的JS就可以了判断左右两DIV高度最大的，然后让高度小的 等于高度大的……
下面是简单案例，复制运行试试，两个DIV都没加高度。
<!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>
</head>
<style>
*{ margin:0pxpadding:0px}
ul{ list-style-type:none}
#height1{ width:200pxfloat:leftborder:1px solid #000000}
#height2{ width:600pxmargin-left:10pxfloat:leftborder:1px solid #000000}
</style>
<body>
<div id="height1">
</div>
<div id="height2">
<ul>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</div>
<script type="text/javascript">
var height1 = document.getElementById("height1")
var height2 = document.getElementById("height2")
if( height1.offsetHeight >height2.offsetHeight){
height2.style.height = height1.offsetHeight + "px"
}
else{
height1.style.height = height2.offsetHeight + "px"
}
}
</script>
</body>
</html>
