为什么页脚中的图像不保留在容器中?

用户名

我正在创建一个包含页脚的网站,在左侧仅是简单文本。最右边是带有指向各个社交网站链接的图标。当我将图像浮动到右侧时,我无法使图标停留在容器内。如何在不向页脚添加任何填充的情况下使图像停留在黄色区域内并脱离绿色区域?

http://jsfiddle.net/Fd4Pc/1/

body {
    background-color: #17241d;
    margin: 0;
}

#mainWindow {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fffff6;
    height:100%;
}

.right {
    float:right;
}

footer, .footer {
    font-size: .8em;
  padding:10px;
}

<body>
<div id="mainWindow">
<p>Text here</p>
<div id="footer">
<footer> 
<span>Left Side</span>
    <img class="right" src="http://static.viewbook.com/images/social_icons/facebook_32.png" />
</footer>
</div>
</div>
</body>
j08691

尝试添加overflow:auto到页脚中:

footer, .footer {
    font-size: .8em;
    padding:10px;
    overflow:auto;
}

jsFiddle示例

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么将数据写入磁盘的速度与保留在内存中的速度一样快?

将UITableView填充保留在标头上,但不保留在IOS7的分隔符中

带有contenteditable = true的Pre标签-新行不保留在元素的text()内容中

为什么应将BuildConfig保留在ProGuard中?

为什么即使删除列,列也仍保留在DataFrame的索引中

为何编组对象不保留在本机代码中修改的值?

为什么用send_data发送的对象似乎保留在内存中?

将页眉/页脚保留在vba代码中以进行文档拆分

为什么成员函数名称查找保留在父类中?

对象保留引用的轨迹,但不保留在对象中

为什么创建后属性值不保留在对象中?

为什么我的代码不后退并将输入保留在缓冲区中?

为什么“ this”的值保留在高阶组件中?

如何使这些图像保留在“网格”中?

更改密码不保留在Linux影子文件中

为什么UIViewController会保留在内存中

将工具提示保留在父容器中

为什么我的活动类的实例变量值不保留在onResume()上?

动态添加的控件中的值不保留在回发中

窗口不保留在单个工作区中

为什么聚合物成分不能保留在其预期的母体中?

使用Bootstrap输入不会保留在父容器中

为什么网站会定期在URL中放置语言“ en”,“ fr”等,而不是将其保留在会话变量/ cookie等中?

如何将动画div保留在容器中

为什么Login-AzureRmAccount不保留在PowerShell会话中?

JPA 实体不保留在我的额外字段中

为什么这条轻微的红线保留在父容器中?

希望捕获图像保留在颤振应用程序的容器中

为什么状态在 foreach 中更新时不会将所有数据保留在钩子中?