css/div做的浮动网页 当左右浮动的时候怎么当浏览器的窗口缩小的时候浮动的就往下跑了
css/div做的浮动网页怎么当IE浏览器窗口缩小的时候浮动的就往下跑了整个布局也乱了当IE浏览器窗口缩小浏览器放大时它就好了是什么原因呢帮帮我啊谢谢了...
css/div做的浮动网页 怎么当IE浏览器窗口缩小的时候浮动的就往下跑了 整个布局也乱了 当IE浏览器窗口缩小浏览器放大时它就好了 是什么原因呢 帮帮我啊 谢谢了
展开
展开全部
1楼的说的方法没错，不做这个也行，你属性值全部用百分比做，
如下例子
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style>
*{margin:0px auto;padding:0px;}
body{padding:0px}
.DL{background:red;border:1px solid #444;width:80%;margin:0px auto;height:900px}
.DT{height:34px;line-height:34px;border-bottom:1px solid #888;width:100%;float:left;}
DT span{margin-left:20px;font-size:1.2em;font-weight:bold;}
.DD_Left{float:left;margin-left:1%;height:92%;}
.Div{width:70%;height:31%;float:left;clear:both;border:1px solid #888;font-size:1em;}
.Mr{margin:1% 0;}
.Div_Right{float:right;margin:1%;margin-top:none;border:1px solid #888;width:24%;height:88%;font-size:1em}
.DT_Bottom{height:34px;line-height:34px;border:1px solid #888;float:left;margin-left:1%;width:95%}
</style>
<body>
<dl class="DL">
<dt class="DT"><span>页头</span></dt>
<dd>
<div class="DD_Left">
<div class="Div Mr"><img src="图片地址" /><!--图片放这里-->
</div>
<div class="Div">你的文章放这里
</div>
<div class="Div Mr">你的内容放这里
</div>
</div>
<div class="Div_Right">侧边栏</div>
<dt class="DT_Bottom"><span>页脚</span></dt>
</dd>
</dl>
</body>
</html>
这个我做的，窗口缩小了，但是比例没变，就不会跑来跑去了 你自己看下吧 或许可以参照1楼的做法
如下例子
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style>
*{margin:0px auto;padding:0px;}
body{padding:0px}
.DL{background:red;border:1px solid #444;width:80%;margin:0px auto;height:900px}
.DT{height:34px;line-height:34px;border-bottom:1px solid #888;width:100%;float:left;}
DT span{margin-left:20px;font-size:1.2em;font-weight:bold;}
.DD_Left{float:left;margin-left:1%;height:92%;}
.Div{width:70%;height:31%;float:left;clear:both;border:1px solid #888;font-size:1em;}
.Mr{margin:1% 0;}
.Div_Right{float:right;margin:1%;margin-top:none;border:1px solid #888;width:24%;height:88%;font-size:1em}
.DT_Bottom{height:34px;line-height:34px;border:1px solid #888;float:left;margin-left:1%;width:95%}
</style>
<body>
<dl class="DL">
<dt class="DT"><span>页头</span></dt>
<dd>
<div class="DD_Left">
<div class="Div Mr"><img src="图片地址" /><!--图片放这里-->
</div>
<div class="Div">你的文章放这里
</div>
<div class="Div Mr">你的内容放这里
</div>
</div>
<div class="Div_Right">侧边栏</div>
<dt class="DT_Bottom"><span>页脚</span></dt>
</dd>
</dl>
</body>
</html>
这个我做的，窗口缩小了，但是比例没变，就不会跑来跑去了 你自己看下吧 或许可以参照1楼的做法
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的浮动的是绝对定位吧?要在父级加一个相对定位。否则你的浮动元素的参照物是浏览器，当然会随窗口大小变化了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在浮动的DIV外面再加一个固定宽的DIV就行了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
