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

标签 css css-float responsive-design

我是网页设计方面的新手,不过我已经到了那里。但我仍然无法解决 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/

最佳答案

查看代码和演示的 fiddle :

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

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

查看输出的屏幕截图:

enter image description here

关于css - 重叠内容和 flex 宽度问题 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9894825/

相关文章:

html - 在垂直导航上覆盖 border-top

flutter - 如何根据设计规范使我的布局响应?

html - 当窗口太小时,文本消失

CSS 按钮悬停不起作用

html - 如何在显示 :table-cell have 100% height 中创建一个元素

css - 在具有 FIXED 布局的 Semantic.gs 中使用嵌套列

css - 复制带有样式的网页内容

html - 将通用滚动应用于所有 "float:right"元素

CSS强制换行

css - Wordpress 插件 - 如何使文本响应,或用新的 div 替换它?