html - CSS - 'bleed' div 脱离页面

标签 html css

如何使包含在固定宽度居中页面内的 div 元素“出血”到页面的左侧或右侧?

最佳答案

您可以使用float在容器的左侧或右侧对齐一个框,如果它比容器宽,它就会以相反的方式流出。 http://jsfiddle.net/gxG4W/1/

.bleed-leeft {
float:right;
width:100%;/* this will keep content within the width of container and give a scrollbar if needed */
padding-left:9999px;/* size you want to bleed out for your purpose */
}

您可以在父级上使用direction并在子级上重置它,因此如果body是LTR,它会从左侧流出而不是右侧,反之亦然 http://jsfiddle.net/gxG4W/2/

关于html - CSS - 'bleed' div 脱离页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21194689/

相关文章:

javascript - 此音频播放器在某些浏览器中存在不兼容问题

html - 响应式设计跨浏览器中的表格布局

css - 如何获得 Bootstrap 悬停效果?

jquery - 未知的 CSS 问题 - Divs 不会堆叠,我已经完全不明白为什么会这样

php - Bootstrap 3 动态轮播不滑动

javascript - 图片 :focus doesn't stay focus in CSS

javascript - 音频标签在 chrome 中有效,但在 Firefox 中无效

html - 使用图像而不是单选按钮

css - 过渡到元素背面的奇怪行为(Chrome)

javascript - 离开祖 parent div 时触发 Mouseleave