关于div与table混用的问题。。
<div id="middle_buttom"> <div class="left"> <table class="mid_tab"> ....... </table> </div> <div class="mid"> <span>校园新闻</span><span><a href="#">进入新闻网 >></a></span><hr> </div> <div class="right"> </div> </div>
部分内容已省略。。
这是css
#middle_buttom{height:100px;background-color: white;}
.mid_tab tr td {text-align: left;font-size: 14px;}
.mid_tab span {margin:10px 0;display:block;color: #173F69;text-align:left;text-indent:60px;font-size:16px;font-weight:bold;height: 32px;line-height: 32px;background:linear-gradient(#BFBFBF,#DFDFE1);/*background-image: url(button.gif); background-repeat: no-repeat;*/}
.mid_tab a{color: #173F69;}
table标签是mid_buttom的子元素的子元素，为什么table不在mid_buttom里面（不是mid_buttom高度的问题，我高度设置1000px,也一样），而是分上下行显示?? 并且如果css 里要设置表格边框，#mid_buttom table｛border:1 px solid red;｝这样写为什么没效果??给table设置类名，直接这样写.mid_tab｛border:1 px solid red;｝才有效果??div和table标签背后有哪些不为人知的秘密呢??望大神帮忙解答一下..
问题已终结。。。。。。。。。。上面有个table标签忘记闭合了，所以才有这种情况出现。。。。
