0

我目前正在为客户建立一个网站，我正在使用本教程中的代码

不幸的是，我的客户不允许我发布我当前工作的链接，因为它包含敏感信息。然而，上面是我正在使用的一个清晰的例子。

问题：

我在滑块上的图像旁边使用文本作为描述。他们目前使用边距坐在每个图像旁边，并且有自己的 div。在 Safari 中，此文本会扭曲并超出文本的顶部，并且似乎忽略了我制定的规则，要么坐在图像顶部，要么向右移动。我不知道它为什么这样做并且在其他浏览器中根本不会发生。我已经更改了 java 变量，因此整个容器更大，但这似乎没有什么区别。奇怪的是，在某些情况下刷新页面时它显示得很好，但似乎没有任何模式，而且我在时间轴上也没有看到任何奇怪的东西。如果有人能解释为什么会发生这种情况，或者可能为我指明方向，那就太好了。

链接到没有敏感信息但仍然存在问题的作品副本

4

1 回答 1

2
  1. 使用 div#photo
  2. 使用 cssdiv#photo div {float:left}
  3. #photo 本身必须向左浮动才能以这种水平方式堆叠它们

HTML：

div#album                      {min-width:1000px,min-height:200px}
div#album div                  {float:left,min-width:100px}
div#album div#photo            {min-height:200px}
div#album div#photo div        {float:left}
div#album div#photo div#image  {min-height:200px,min-width:100px}
div#album div#photo div#text   {min-height:50px,min-width:75px}

我给出了一个格式，如果您仔细查看尺寸，它显示的是“确保您的文本 div 的高度不超过父级或兄弟级”

我所展示的是孩子应该比父母有更小的宽度和高度，因为当使用“浮动”时它们会溢出

于 2012-08-03T04:28:39.873 回答