内容扩展溢出

我是一个设计师，但我有点吸吮CSS，并且似乎无法让网站在内容更改时向右扩展。我希望你们能帮助... ...内容扩展溢出

CSS： http://pastebin.com/CasrrGe9

HTML： http://pastebin.com/WN8XhAHd

我修改了HTML与绝对路径的图像

来源

2010-12-18 thecodeassassin

很难看到你没有绝对URL的图像说些什么。 – 2010-12-18 07:36:33

是的，如果你想改变这个，所以很容易看到会发生什么，我敢打赌你会得到更多的答案 – 2010-12-20 10:51:13

你能解释你想要生成什么样的页面。这是一种画廊吗？而且，我们似乎并没有修改我的绝对路径。 – crodjer 2010-12-20 11:06:34

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

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

Happy new year;）

来源

2010-12-26 01:08:36 haha

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

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

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

这么说，我可能是错的，你这样做你自己。然后，你需要学习不像设计工具的代码;）

在你的情况，你设计absolute位置和固定width和height。

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

现在，你不能要求某人在这里重构你所有的CSS。 You should start to learn it然后如果需要的话在这里提出具体问题。

You can train here。

来源

2010-12-20 10:51:45 Shikiryu

@Chouchenous，你是对的，我从来没有见过这种手动编写的CSS。 – crodjer 2010-12-20 11:05:17

我只想建议小事比如改变指数的所有的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>

然后divs应该自动扩展:)

来源

2010-12-21 13:09:40 dewy

内容扩展溢出

回答

相关问题