重叠的内容和弹性宽度的问题CSS

虽然我在网页设计方面有点新奇，但我到了那里。但是我仍然遇到弹性布局和浮动问题。我认为这就是我在这个网页上遇到的问题所在，但我太缺乏经验来理解它。重叠的内容和弹性宽度的问题CSS

这里是我的问题说明： https://img.skitch.com/20120327-nwrm3t1u8cwppnwnegw8f2q7st.jpg

这里是我的代码小提琴： http://jsfiddle.net/C3Dw2/1/

这是它应该是什么样子： http://img.photobucket.com/albums/v410/justice4all_quiet/register_13.jpg

我也想有滚动的权利部分适合它的父div。现在，它正在流失。

呃。

任何帮助都会很棒。

编辑

现在剩下的唯一的问题是他们的父母的div不是住的图标。 http://jsfiddle.net/xehMG/2/

来源

2012-03-27 amandathewebdev

这是一个有点一塌糊涂。太多以解决问题。你似乎把所有的东西都放在了左边，却不知道为什么。你正在使用一个无序列表，它通常有'li'浮动，但是你将'p'标签浮在'li'里面。您还可以使用百分比定位/页边空白，这是注定要失败的，并在主体标签上设置居中文本，这将使所有这些东西的定位变得困难。我会将这个问题分解成更简单的问题并重新发布，以便您真正理解您所问问题背后的机制。 – mrtsherman 2012-03-27 18:06:27

Sooo ...也许我应该开始整个事情了？ – amandathewebdev 2012-03-27 18:08:28

亲爱的看到我的答案，并让我知道，如果我滞后一些地方。 – w3uiguru 2012-03-27 18:19:38

在每个u've在percentage.Percentage给出height和width将是有效的元素集min-height只有当分辨率为大ENF涵盖UR子元素。

如果要使用百分比 - 请记下子项所需的最小宽度，并为其父项设置该最小宽度。同时使用overflow:hidden|scroll|auto作为回退来控制子项溢出其父项。

来源

2012-03-27 18:05:59

谢谢你的建议，但我不确定我在追随。“只有当决议大到包含你的孩子元素时，百分比才会有效。”你可以扩展或者提供一个链接到一篇文章来解释这个吗？对不起，我无法把头围住它。 – amandathewebdev 2012-03-27 19:38:55

尝试把你的头放在一个比那个盒子小的盒子里 - 不太可能不是这个.. ?? ..这就是我的意思..当你的'textBox'和其他元素的宽度说'100px' - 你不能适合它insite一个元素，这就是说'80px' - 你的元素可以是80px，如果你给出的百分比宽度没有'min-width'（应该设置为100px）。 – 2012-03-27 21:10:49