自上周以来，我一直在为我的朋友（但我几乎不认识原设计师）照顾this website。我主要从事PHP工作，但有些事情困扰我：
基本上主页面和整个设计看起来像：
----------------------------------
Banner
----------------------------------
|Nav | |Div #1 floats right |
| | |80% width |
|float| | |
|left | -----------------------
| | |Div #2 floats right |
| 16% | |80% width (same as #1)|
------- |----------------------|
当缩小窗口大小时，一切正常，直到Div＃1和Div＃2迁移到页面底部的某个点，给出这样的安排：
---------------------------
Banner
---------------------------
|Nav |
| |
|float|
|left |
| |
| 16% |
-------
|Div #1 floats right |
|80% width |
| |
-----------------------
|Div #2 floats right |
|80% width (same as #1)|
|--------------------- |
我不希望这种情况发生，但遗憾的是我对CSS并不了解。我试图绝对定位div并写入最小宽度，以防止浏览器超出页面收缩。
有没有一种廉价的方法可以解决这个问题，而无需完全重写CSS？
答案 0 :(得分：2)
从.texte元素中删除此规则：
min-width: 584px;
padding: 10px;
margin-right: 5px;
[!]使用百分比数字时，请勿使用padding和margin。而是将它们设置为内在的孩子。同时从#menu元素中删除此规则：
min-width: 119px;
答案 1 :(得分：0)
尝试在浮动div下添加div。并给它一个明确的类名。然后在你的css文档中添加以下内容
.clear{clear:both}
答案 2 :(得分：0)
您的问题很可能是“min-width：584px;”在.texte类中。
当我使用Web Developer扩展程序中的标尺时，当div达到584像素宽时，该div会下降到底部。