Question

我有点像设计师，但我有点厌倦了css，似乎无法在内容发生变化时让网站扩展。我希望你们能帮忙......

的CSS： http://pastebin.com/CasrrGe9

HTML： http://pastebin.com/WN8XhAHd

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

Answer 1

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

在我看来，你正在使用Photoshop或这样的设计工具来设计/剪切并自动生成html / css。

如果那些人做了正确的代码，很多人就会失去工作......

那就是说，我可能错了，你自己做了。然后，你需要学习不要像设计工具那样编码;）

在您的情况下，您的设计位于absolute位置且已固定width和height。

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

现在，你不能要求别人在这里重构你所有的CSS。 You should start to learn it 然后根据需要在此处提出具体问题。

You can train here

Answer 2

我只会推荐一些小的东西，比如改变所有索引的id - ##来定位声明一次

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

清理它们然后开始担心其他事情，否则你将在大约一个小时左右的时间里陷入困境。

尽管

，但你根本不应该对它们进行定位

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

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

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

<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应该自动扩展：）

Answer 3

您可以从Photoshop或其他工具切片，但不要这样做。仅切片重要部分。

我重新编写了您的网站。我只使用了两张图片。看http://jsbin.com/esijo5/edit

Happy new year;）

内容扩大溢出

3 个答案:

内容扩大​​溢出

3 个答案:

内容扩大溢出