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

Question

我是网页设计的新手，但我已经到了那里。但我仍然遇到弹性布局和浮动问题。我认为这就是我对这个页面的问题所在，但我太缺乏了解它的经验。

这是我的问题说明： 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/

Answer 1

请参阅小提琴代码和演示：

小提琴：http://jsfiddle.net/C3Dw2/4

演示：http://jsfiddle.net/C3Dw2/4/embedded/result/

查看输出屏幕截图：

Answer 2

在您给出min-height和height百分比的每个元素上设置width。仅当分辨率为en enf包含ur子元素时，Percentage才有效。

如果你想使用百分比 - 请注意他们孩子所需的最小宽度，并为其父级设置最小宽度。同时使用overflow:hidden|scroll|auto作为后退来控制孩子的溢出父节点。