css：div浮动的问题
<divstyle="width:700px;">//大div<divstyle="width:200px;height:50px;float:left;backgrou...
<div style="width:700px;">//大div
<div style="width:200px; height:50px; float:left; background-color:#F3F">1</div>
<div style="width:200px; height:50px; float:left; background-color:#0F0">2</div>
<div style="width:200px; height:50px; float:left; background-color:#666">3</div>
<div>
如果把大div的宽度设为固定值，那么在大分辨率的浏览器打开，就会显示子div的宽度不足，如果把大div的宽度设为百分比，那浏览器缩小后，子div会变形，所以我想知道怎样才能不管打开什么分辨率的浏览器，子div都能分配最佳宽度，又不会跟浏览器的大小而变形 展开
<div style="width:200px; height:50px; float:left; background-color:#F3F">1</div>
<div style="width:200px; height:50px; float:left; background-color:#0F0">2</div>
<div style="width:200px; height:50px; float:left; background-color:#666">3</div>
<div>
如果把大div的宽度设为固定值，那么在大分辨率的浏览器打开，就会显示子div的宽度不足，如果把大div的宽度设为百分比，那浏览器缩小后，子div会变形，所以我想知道怎样才能不管打开什么分辨率的浏览器，子div都能分配最佳宽度，又不会跟浏览器的大小而变形 展开
展开全部
这个是典型的分辨率兼容。 是有这种判断的。我当初有个页面是这样的做的。
<body>
<style>
.main{width:100%; min-width:1000px;background:#000; height:120px;}
</style>
<center>
<div class="main"></div>
</center>
</body>
这样就保证最小宽度是1000不会因为网页还原了就出现布局错乱。 1000的宽度，基本上所有的屏幕都能接受。 如果是分辨率大的。就可以自动控制宽度。
你所说的那个不可能实现。大div是父容器，父容器的宽度不定，要求子容器的宽度变化。根本不可能啊。
<body>
<style>
.main{width:100%; min-width:1000px;background:#000; height:120px;}
</style>
<center>
<div class="main"></div>
</center>
</body>
这样就保证最小宽度是1000不会因为网页还原了就出现布局错乱。 1000的宽度，基本上所有的屏幕都能接受。 如果是分辨率大的。就可以自动控制宽度。
你所说的那个不可能实现。大div是父容器，父容器的宽度不定，要求子容器的宽度变化。根本不可能啊。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
① 将大 div 固定宽度，小 div 百分比宽度，看看能不能满足你的要求~
② 你可以看看微软的官网，搜索“与Microsoft Cloud OS 愿景共赢”，看看那四个格子有没有帮助。
② 你可以看看微软的官网，搜索“与Microsoft Cloud OS 愿景共赢”，看看那四个格子有没有帮助。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
上代码
<body style="margin: auto; width: 800px; text-align: center;">
<div style="width:700px;float:left;">//大div
<div style="width:200px; height:50px; float:left; background-color:#F3F">1</div>
<div style="width:200px; height:50px; float:left; background-color:#0F0">2</div>
<div style="width:200px; height:50px; float:left; background-color:#666">3</div>
</div>
</body>
<body style="margin: auto; width: 800px; text-align: center;">
<div style="width:700px;float:left;">//大div
<div style="width:200px; height:50px; float:left; background-color:#F3F">1</div>
<div style="width:200px; height:50px; float:left; background-color:#0F0">2</div>
<div style="width:200px; height:50px; float:left; background-color:#666">3</div>
</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
朋友，在css里加上这个 div{ margin:0 auto;} 试试。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
子div也设为百分比呢？这个是对于父元素的百分比
追问
子div设百分比，那所有子div在浏览器变小后都会变小，那子div里的内容就全部变形了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
