如何让两个div并列显示在页面首次加载后宽度正好100%
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何让两个div并列显示在页面首次加载后宽度正好100%相关的知识，希望对你有一定的参考价值。
<span id="daohang" style="float:left; background-color:#00F" width="30%">
<table id="hml" width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
</span>
<span id="main" style="float:left; background-color:#903" width="70%">
<table id="hml" width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
</span>
如何让以上两个层宽度正好铺满整个网页（100%）
<table id="hml" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
</div>
<div id="main" style="background-color:#903;width:70%;">
<table id="hml" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
</div>
<style>
td
height:20px;
div
float:left;
</style>
//width写在外面和写在里面还是有一点区别的 参考技术A <div class="container" style="display:block;width:100%;position:relative;">
<span id="daohang" style="display:inline-block;float:left; background-color:#00F; width:30%;">
<table class="hml" width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
</span>
<span id="main" style="display:inline-block;float:left; background-color:#903; width:70%;">
<table class="hml" width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
</span>
</div>追问
谢谢你 你的方法是对的 我刚才没来得及看 因为有答案了就随便选的 没选你的真对不住你
追答哎呀，你乱选满意的答案是会有可能害了後来同问的人啊
参考技术B <div id="daohang" style="float:left; background-color:#00F" width="30%"><table id="hml" width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="main" style="float:right; background-color:#903" width="70%">
<table id="hml" width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
</div>追问
朋友 你经过测试 你的不对
div+点击左侧树,右侧显示页面
用div+css构建了主界面，左侧是功能树，右侧是content区，如何点击左侧树的某个功能后，在右侧content区显示该功能的网页
这个是要用框架的 右侧 <frame src="" name="rightFrame" scrolling="yes" marginwidth="0" marginheight="0"/></frameset> 左侧 的链接 arget ="rightFrame" 就行了 参考技术A 假如有a、b、c三个页面，左侧abc三个连接，a连接指定的就是a页面，点击</script> </head> <body> <div style="float:left;width:20%;height:
以上是关于如何让两个div并列显示在页面首次加载后宽度正好100%的主要内容，如果未能解决你的问题，请参考以下文章
2个div标签同在一行，然后怎么让他们2个的宽度一样，占满整的一行？