① 求完美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() 【如果是非同步調用的數據】