Html 溢出时内容扩展

我有点像一个设计师，但我有点不擅长css，当内容发生变化时，似乎无法让网站正确扩展。我希望你们能帮忙

css:

html:

---

我用图像的绝对路径修改了html

你真的需要重构你所有的CSS

在我看来，您正在使用Photoshop或类似的设计工具来设计/剪切并自动生成html/css

如果那些人做了一个正确的代码，很多人会失去他们的工作

也就是说，我可能错了，这是你自己做的。然后，您需要学会不要像设计工具那样编写代码；）

在您的例子中，您在

绝对

位置进行设计，并固定

宽度

和

高度

这意味着页面上的每个元素都是一次性定位的，如果元素中的内容比其容器宽，它将扩展，但不会影响任何其他绝对定位的元素

现在，你不能在这里要求别人重构你所有的CSS然后在需要时在此询问具体问题

---

.

您确实需要重构所有CSS

在我看来，您正在使用Photoshop或类似的设计工具来设计/剪切并自动生成html/css

如果那些人做了一个正确的代码，很多人会失去他们的工作

也就是说，我可能错了，这是你自己做的。然后，您需要学会不要像设计工具那样编写代码；）

在您的例子中，您在

绝对

位置进行设计，并固定

宽度

和

高度

这意味着页面上的每个元素都是一次性定位的，如果元素中的内容比其容器宽，它将扩展，但不会影响任何其他绝对定位的元素

现在，你不能在这里要求别人重构你所有的CSS然后在需要时在此询问具体问题

---

.

我只建议做一些小事情，比如更改索引的所有id-##，以一次性声明定位

#index-01,#index-02,#index-03,#index-04{
position:absolute;
}

把一切都清理干净，然后开始担心其他事情，否则一个小时左右你就会陷入一片混乱

不过，您根本不应该定位它们

您应该声明一个控制所有div并向左浮动的类：

.float_left {float:left;}
.clear_both {clear:both}

并将其应用于您想要使用的每个div，然后在最后清除float

<div class="float_left"><img src="index-1.jpg" /></div>
<div class="float_left"><img src="index-2.jpg" /></div>
<div class="float_left"><img src="index-3.jpg" /></div>
<div class="clear_both"></div>

---

然后div应该会自动展开：）

我只建议做一些小事情，比如更改index-##的所有id，以一次性声明定位

#index-01,#index-02,#index-03,#index-04{
position:absolute;
}

把一切都清理干净，然后开始担心其他事情，否则一个小时左右你就会陷入一片混乱

不过，您根本不应该定位它们

您应该声明一个控制所有div并向左浮动的类：

.float_left {float:left;}
.clear_both {clear:both}

并将其应用于您想要使用的每个div，然后在最后清除float

<div class="float_left"><img src="index-1.jpg" /></div>
<div class="float_left"><img src="index-2.jpg" /></div>
<div class="float_left"><img src="index-3.jpg" /></div>
<div class="clear_both"></div>

---

然后div会自动展开：）

您可以从Photoshop或其他工具中剪切任何内容，但不要这样做。只切重要部分

我重新编码了你的网站。我只用了两张图片。看

---

)()

您可以从Photoshop或其他工具中剪切任何内容，但不要这样做。只切重要部分

我重新编码了你的网站。我只用了两张图片。看

---

)()

如果没有图像的绝对URL，你很难看到你在说什么。是的，如果你重新措辞，这样更容易看到发生了什么，我打赌你会得到更多答案。请你解释一下你想生成什么样的页面。它是某种画廊吗？你的html似乎没有被修改成我的绝对路径。@各位，我这次认真修改了代码，pastebin没有更新帖子，它只是创建了一个新的URL。如果没有图像的绝对URL，很难看到你在说什么。是的，如果你能重新措辞，这样更容易看到发生了什么，我打赌你会得到更多的答案。请你解释一下你想生成什么样的页面。它是某种画廊吗？而且你的html似乎没有被修改成我的绝对路径。@各位，这次我认真修改了代码，pastebin没有更新帖子，只是创建了一个新的url@Chouchenous，你说得对，我从来没有见过这种css是手工写的。@Chouchenous，你说得对，我从来没有见过这种css是手工写的。