html - 当我使用左浮动内容时,内容会跳出 block

标签 html css web css-float

我已经在 jsbin 上创建了我的代码示例,在这里

http://jsbin.com/apaqon/4/edit

我想做的是左右两个部分,但是当我在 block 元素上使用 float left 时,它会跳出主 block 容器..

在我的代码中希望将 leftBlock 和 rightBlock 保留在白色背景内。

谁能帮帮我

最佳答案

请参阅 fiddle 代码和演示

fiddle :http://jsfiddle.net/PBGyT/1/

演示:http://jsfiddle.net/PBGyT/1/embedded/result/

就一行css,我添加了overflow:hidden: #Block{margin: 0px 20px;溢出:隐藏;}

查看屏幕截图:

enter image description here

关于html - 当我使用左浮动内容时,内容会跳出 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10151187/

相关文章:

php - 对高度动态社交网站的基于 PHP 的搜索引擎的建议和偏好?

java - 是否有可能在 Web 前端显示 IMS 屏幕?

javascript - Jquery - 定位同一类的所有元素,隐藏没有特定 rel 的 div

html - Knockout.js:将可见性绑定(bind)到 validationMessage

c# - 如何调整电子邮件中嵌入图像的大小

jquery - 工具栏的 CSS,UI slider 居中于左右按钮之间

css - 强制现有网站打印移动版本

c# - 呈现时如何从 WebControl 中删除 span 标记

html - 使用 css 格式化 ol 标签中的 li 标签

php - 使用 php 和 css 的 2 个日期之间的进度条