0

自上周以来，我一直在为我的朋友（但我几乎不认识最初的设计师）管理这个网站。我一直在主要研究 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 的情况下解决这个问题？

4

3 回答 3

2

从.texte元素中删除此规则：

min-width: 584px;
padding: 10px;
margin-right: 5px;
  • [!]当您使用百分比数字时，不要使用paddingand margin。而是将它们设置为内在的孩子。

#menu还要从元素中删除此规则：

min-width: 119px;
于 2013-05-20T16:37:17.443 回答
0

尝试在浮动 div 下添加一个 div。并给它一个明确的类名。然后在您的 css 文档中添加以下内容

.clear{clear:both}
于 2013-05-20T16:29:13.573 回答
0

您的问题很可能是“最小宽度：584px；” 在 .texte 类中。

当我使用 Web Developer 扩展中的 Ruler 时，当 div 达到 584 像素宽时，它会下降到底部。

于 2013-05-20T16:35:02.973 回答