css - 重叠内容和 flex 宽度问题 CSS

Question

我是网页设计方面的新手，不过我已经到了那里。但我仍然无法解决 flex 布局和 float 问题。我认为这就是我对此页面的问题所在，但我太缺乏经验无法理解它。

这是我遇到的问题: https://img.skitch.com/20120327-nwrm3t1u8cwppnwnegw8f2q7st.jpg

这是我的代码的 fiddle : 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

查看代码和演示的 fiddle :

fiddle :http://jsfiddle.net/C3Dw2/4

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

查看输出的屏幕截图: