① 求完美CSS源码根据内容的高度增加而背景增加
div写的话比较麻烦,需要调用JS才能让2个div高度一样,你干脆直接用table写好了,我给你大概写个示例:
<div style="width:215px;">
<table border="0" cellpadding="0" cellspacing="5" width="100%">
<tr>
<td style=" background-color:red; color:#fff; height:50px; text-align:center; position:relative; ">
<div style=" position: absolute; top:0; width:100%; background-color:#000; color:#fff; text-align:center;">subnav</div>
<div style=" position: absolute; bottom:0; width:100%; background-color:#000; color:#fff; text-align:center;">contact</div>
</td>
<td style=" background-color:#000; color:#fff; height:400px; width:100px; text-align:center;">rightcol</td>
</tr>
</table>
</div>
这个我只做了IE的测试,没空做其他版本浏览器的测试,反正实现平行的div等高用table是最快捷的
其实写页面也不是说除了表格其他地方就绝对不用table布局,这种想法比较极端,任何的标签都会有其特有的功能或者说是方便之处,合理的使用才是最好的
② 网页中源代码‘div class=locked‘,表现为一个内容被表面的内容锁定(覆盖),怎么直接看隐藏内容
点开浏览器的开发者工具
让隐藏的内容显示(在console框中输入代码);
CSS控制的话:$('.locked').style.visibility='visible'
js 控制的话:$('.showhide').click() 【如果是异步调用的数据】