div css布局，浏览器窗口变化布局就变乱了，是怎么回事啊？
两个div标签在最大化的时候显示是正常的，div1，div2，（横排的），但是当浏览器窗口缩小时，两个标签就变成了竖排显示了。这是怎么回事呢？用一个div将两个标签包起来...
两个div标签在最大化的时候显示是正常的，div1 ，div2，（横排的），但是当浏览器窗口缩小时，两个标签就变成了竖排显示了。这是怎么回事呢？用一个div将两个标签包起来，也还是同样的效果，请问这是怎么回事呢？是代码不规范吗？请指教下。
代码如下：
<!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>
<style type="text/css">
<!--
#aa {
height: 300px;
width: 400px;
position: relative;
float: left;
background-color: #FF0000;
}
#bb {
height: 300px;
width: 400px;
position: relative;
background-color: #0000FF;
}
-->
</style>
</head>
<body>
<div id="box">
<div id="aa">
<p>此处显示id“aa”的内容</p>
</div>
<div id="bb">此处显示 id "bb" 的内容</div>
</div>
</body>
</html> 展开
代码如下：
<!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>
<style type="text/css">
<!--
#aa {
height: 300px;
width: 400px;
position: relative;
float: left;
background-color: #FF0000;
}
#bb {
height: 300px;
width: 400px;
position: relative;
background-color: #0000FF;
}
-->
</style>
</head>
<body>
<div id="box">
<div id="aa">
<p>此处显示id“aa”的内容</p>
</div>
<div id="bb">此处显示 id "bb" 的内容</div>
</div>
</body>
</html> 展开
3个回答
展开全部
这个问题是新手的问题，你有div id="box"
但是你没给这个box做样式
固定下宽度就可以了
#box{width:1001px;margin:0px auto}
这样就不会变形了
但是你没给这个box做样式
固定下宽度就可以了
#box{width:1001px;margin:0px auto}
这样就不会变形了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
