DIV布局问题
主页的布局是用的Frame框架布局代码如此<framesetframespacing="0"frameborder="0"border="0"bordercolor="#...
主页的布局是用的Frame框架布局 代码如此
<frameset framespacing="0" frameborder="0" border="0" bordercolor="#cc0000" rows="17%,*">
<frame src="top.html" name="topFrame" scrolling="NO" noresize>
<frameset cols="200,*" framespacing="0" frameborder="0" border="0" bordercolor="#cc0000">
<frame src="left.html" name="leftFrame" scrolling="NO" marginwidth="0" marginheight="0" noresize>
<frameset rows="73%,10%" framespacing="0" frameborder="0" border="0" bordercolor="#cc0000">
<frame src="top1.html" name="mainFrame" scrolling="NO" marginheight="0" marginwidth="0" noresize>
<frame src="down.html" name="downFrame" scrolling="NO" marginheight="0" marginwidth="0" noresize>
</frameset>
</frameset>
</frameset>
而在其中的主要部分<frame src="top1.html" name="mainFrame">这个框架里面放入了DIV，相关简单代码如下：
<div style="width:100%; height:400px">
<div style="width:20%; height:100%"></div>
<div style="left:20%; width:100%; height:100%"></div>
</div>
也就是DIV里面再嵌套了2个DIV，都像第一个DIV似的，我把高和宽都设成了100%，然后中间第2个DIV我让他离左边20%的距离，我是想让中间的2个DIV在页面上面分左右显示。希望大虾们帮帮忙。 展开
<frameset framespacing="0" frameborder="0" border="0" bordercolor="#cc0000" rows="17%,*">
<frame src="top.html" name="topFrame" scrolling="NO" noresize>
<frameset cols="200,*" framespacing="0" frameborder="0" border="0" bordercolor="#cc0000">
<frame src="left.html" name="leftFrame" scrolling="NO" marginwidth="0" marginheight="0" noresize>
<frameset rows="73%,10%" framespacing="0" frameborder="0" border="0" bordercolor="#cc0000">
<frame src="top1.html" name="mainFrame" scrolling="NO" marginheight="0" marginwidth="0" noresize>
<frame src="down.html" name="downFrame" scrolling="NO" marginheight="0" marginwidth="0" noresize>
</frameset>
</frameset>
</frameset>
而在其中的主要部分<frame src="top1.html" name="mainFrame">这个框架里面放入了DIV，相关简单代码如下：
<div style="width:100%; height:400px">
<div style="width:20%; height:100%"></div>
<div style="left:20%; width:100%; height:100%"></div>
</div>
也就是DIV里面再嵌套了2个DIV，都像第一个DIV似的，我把高和宽都设成了100%，然后中间第2个DIV我让他离左边20%的距离，我是想让中间的2个DIV在页面上面分左右显示。希望大虾们帮帮忙。 展开
5个回答
展开全部
我给你写了一下,帮人帮到家了.复制一下,运行后,看效果,是否理想
____________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
*{margin:0px;padding:0px;}
#warpper{width:100%;height:400px;}
#warpper #con_left{width:20%;height:100%;background:red;float:left;}
#warpper #con_right{width:60%;height:100%;margin-left:20%;background:green;float:right;}
.clear{clear:both;}
</style>
</HEAD>
<BODY>
<div id="warpper">
<div id="con_left">
left
</div>
<div id="con_right">
right
</div>
<div class="clear">
</div>
<div id="">
自已再改一下吧
</div>
</div>
</BODY>
</HTML>
____________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
*{margin:0px;padding:0px;}
#warpper{width:100%;height:400px;}
#warpper #con_left{width:20%;height:100%;background:red;float:left;}
#warpper #con_right{width:60%;height:100%;margin-left:20%;background:green;float:right;}
.clear{clear:both;}
</style>
</HEAD>
<BODY>
<div id="warpper">
<div id="con_left">
left
</div>
<div id="con_right">
right
</div>
<div class="clear">
</div>
<div id="">
自已再改一下吧
</div>
</div>
</BODY>
</HTML>
参考资料： 80houboy.cn
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
建议你用table布局，需要的话可以在td里加div
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给左边的加个左浮动，右边的加个右浮动
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给中间第2个DIV的ID加样式：argin-left:20%；不过建议你用PX
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
建议楼主都用DIV来写！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
