我想模仿本网站的白色,主要内容区域 - >http://kibart.com/。内容居中,但白色区域一直延伸到浏览器的左侧。你如何达到这个效果?居中的内容,背景仅延伸到左边浏览器边缘例如:http://kibart.com/
-3
A
回答
1
有两个元素基本上创建该区域,你指的是一直延伸到左边的区域。首先是<div id="main-content">
,另一个是<div class="left-filler">
。 <div id="main-content">
是包含所有主要内容的<div>
,这些都是被分配给它的样式表的样式:
#main-content {
background-color: #fff;
position: relative;
width: 804px;
padding: 30px 0 55px 0;
float: left;
}
<div class="left-filler">
是绝对定位的<div>
背景为白色,出现在主要的左侧 - 内容<div>
,其功能是隐藏箭头图案图像。这些是在样式表中分配给它的样式:
.left-filler {
background-color: #fff;
width: 4000px;
height: 100%;
position: absolute;
overflow: hidden;
bottom: 0;
right: 500px;
z-index: -20;
}
我希望这有助于。
+0
完美。我感谢您的帮助。 – Ben 2014-09-22 14:36:54
+0
谢谢。请接受我的回答。 – 2014-09-22 14:37:47
相关问题
- 1. 将边框的背景延伸到边缘
- 2. Bootstrap 3向浏览器边缘放出左右背景图像
- 3. 图形背景图像的内容中心div,从远处的容器边缘到达屏幕的左边缘?
- 4. 获取左边栏背景,以便一直向左延伸
- 5. 当响应式图片太小而无法达到浏览器边缘时,会延伸出背景吗?
- 6. Selenium - 边缘浏览器实例关闭
- 7. 背景图像左边缘问题
- 8. 将一个div拉伸到浏览器的边缘
- 9. 将一个div伸展到浏览器的边缘
- 10. 边缘浏览器支持
- 11. CSS背景仅延伸时任一边界或填充施加
- 12. 页脚背景应该延伸到浏览器的底部
- 13. 960gs和边缘的背景
- 14. Android Rounded边缘的背景
- 15. 背景图像不会延伸到浏览器
- 16. 把旁边的对方,但左边和右边的div 3个格必须重复到浏览器的边缘
- 17. 如何在边缘浏览器中打印背景图像和颜色
- 18. jqgrid边缘浏览器中没有行
- 19. 在边缘内添加背景图片
- 20. CSS:边缘内只有背景颜色
- 21. 无论浏览器窗口大小如何,都可视化地连接到内容背景的边距背景
- 22. 菜单按钮边缘的浏览器
- 23. 呈现浏览器的文字边缘
- 24. 固定位置div的背景延伸超出了弹出边缘
- 25. div应该触摸浏览器的左边缘
- 26. 边缘浏览器中出现意外的1像素边距
- 27. xml居中textview到左边
- 28. 边缘浏览器:防止Ctrl +左键点击
- 29. object.onload失败,IE浏览器和边缘
- 30. FontAwesome`fa-spin`边缘浏览器故障
通过电子邮件发送该网站,并要求输入验证码 – Huangism 2014-09-18 20:10:43