使用Bootstrap在浮动div之后堆叠内容
可以通过以下步骤实现：
- 首先，在HTML文件中引入Bootstrap的CSS文件和JavaScript文件。可以通过以下链接获取Bootstrap的官方文档和下载地址：
- Bootstrap官方文档：https://getbootstrap.com/
- Bootstrap下载地址：https://getbootstrap.com/docs/5.0/getting-started/download/
- 在HTML文件中创建一个包含浮动div和要堆叠内容的父容器。例如：
- 在HTML文件中创建一个包含浮动div和要堆叠内容的父容器。例如：
- 使用Bootstrap的CSS类来实现堆叠效果。可以使用
d-flex类将父容器设置为弹性布局，并使用flex-column类将子元素垂直堆叠。例如： - 使用Bootstrap的CSS类来实现堆叠效果。可以使用
d-flex类将父容器设置为弹性布局，并使用flex-column类将子元素垂直堆叠。例如： - 可以使用Bootstrap的其他CSS类来进一步自定义堆叠效果。例如，可以使用
justify-content-center类将子元素在父容器中水平居中对齐，使用align-items-start类将子元素在父容器中垂直顶部对齐。例如： - 可以使用Bootstrap的其他CSS类来进一步自定义堆叠效果。例如，可以使用
justify-content-center类将子元素在父容器中水平居中对齐，使用align-items-start类将子元素在父容器中垂直顶部对齐。例如：
通过以上步骤，可以使用Bootstrap在浮动div之后堆叠内容，并根据需要进行进一步的自定义。请注意，这只是使用Bootstrap实现堆叠效果的一种方法，Bootstrap还提供了许多其他功能和组件，可以根据具体需求进行使用。
相关·内容
是什么导致下面的代码将这些表堆叠在一起？我在使用无中断吗？
<div id="wrapper">
<table>
<tr>yo</tr>
</table>
<table style="float:right;"><tr>yo</tr></table>
</div>
浏览 3提问于2011-12-05得票数 0
回答已采纳
我一直在尝试学习使用Twitter bootstrap。它在桌面上工作得很好，响应式的工作。假设我使用的是span8和span4。我不知道如何强制iPad纵向视图在span8下堆叠span4。
我有正确的标签在头部部分，视口和响应CSS文件。
有什么想法吗？
更新：
这是我所拥有的。我可以看到当我缩小see浏览器窗口时，它是如何响应的(最终span4被移到span8下)。如果我在iPad上处于纵向模式，我不希望span8和span4堆叠在一起，相反，我希望span8和span4堆叠在span8下面。
在标题中
<link rel="stylesheet" href=
浏览 0提问于2013-02-24得票数 3
回答已采纳
使用的Bootstrap在Chrome上运行得很好，但在Firefox上就不行了，但它不会在Chrome中显示"Hi Hello“，但它会在Firefox中显示。
实际上，它不能识别nav代码之后的任何内容。我想要一个固定到最高导航栏的。
<html>
<head></head>
<link href="C:/Users/Dhruv/Desktop/bootstrap/bootstrap-3-Offline-Docs-master/dist/css/bootstrap.min.css" rel="styl
浏览 0提问于2015-03-22得票数 0
2回答
当我有一些简单的元素浮在这个例子中时：
div {
width: 100px;
height: 100px;
}
.element1 {
background: rgb(211, 206, 61);
float: left;
}
.element2 {
background: rgb(85, 66, 54);
float: left;
}
.element3 {
background: rgb(247, 120, 37);
float: left;
}
<div class="element1"></div>
<
浏览 5提问于2015-12-12得票数 3
回答已采纳
我对twitter的bootstrap世界和基于%的宽度相对比较陌生，对于本应该很容易完成的事情，我感到非常困惑。
我试着在页面上居中放置每个左边浮动的.subimg。显然，margin:0 auto不会工作，因为它不是静态网格。我在父div上使用了文本对齐中心，但没有用。我的标记如下：
<style>
.subimg{float:left;}
.row-fluid{text-align:center;}
</style>
<div class="row-fluid"><!-- begin row -->
<div
浏览 2提问于2013-02-26得票数 0
我知道float部分地将元素从正常的流中取出。令我惊讶的是，我观察到浮动div的下一个div也占用了浮动div的空间。示例：
.header {
float: left;
height: 100px;
width: 100%;
background: green;
padding: 10px;
background-clip: content-box;
}
.footer {
background: yellow;
border: 1px dotted red;
padding: 10px;
}
<script src="https://
浏览 2提问于2017-05-24得票数 4
2回答
我有一个使用Bootstrap的应用程序。此应用程序的顶部有一个面板元素，如下所示：
<div class="panel panel-default">
<div class="panel-heading chev">
<h4 class="panel-title">
<a data-toggle="collapse" href="#details" class="collapsed">
<div>
浏览 2提问于2015-07-01得票数 0
2回答
我的布局中有三个元素，top bar、content和bottom bar。
我正在使用twitter引导程序4
在移动设备上，我希望它们像这样堆叠起来：
top bar
content
bottom bar
在桌面上，我想要这样：
content top bar
bottom bar
视觉指南：
我该怎么做？我似乎不能让他们正确地排好队，而且我在兔子洞的底部，所以我在问堆叠。
代码：
<html>
<head>
<meta charset="utf-8">
<meta http-equiv
浏览 0提问于2018-11-08得票数 0
回答已采纳
2回答
我正在改编bootstrap中的。
嵌套在hero-unit div中，我希望有两个div并排呈现在宽屏幕中，如下所示：
|text 30% container width||picture the rest of container width|
在狭窄的屏幕(智能手机)中堆叠：
|text full container width|
|picture full container width|
有什么想法吗？
浏览 3提问于2013-05-02得票数 0
回答已采纳
我有一些问题，我的网站的导航菜单与IE (再次)。在这里，我尝试使用Twitter的bootstrap为我的网站设置一个菜单栏。每一项都应该相邻对齐，这在Chrome、Firefox和Safari上都很好用。但是，在Internet Explorer上，每个菜单项都堆叠在一起，并且一个菜单项确实占据了容器的整个宽度。我想知道为什么“nav-justified”在IE上不起作用？
标题部分如下：
<head>
<meta charset="UTF-8">
<script src="https://ajax.googleapis
浏览 1提问于2014-02-12得票数 2
3回答
我使用Twitter引导2.3.2在浮动div旁边创建一个堆叠导航。你可以在这里看到它：
由于某些原因，列表元素正在通过向右浮动的信息框div展开。我不明白为什么。上面的P元素正常工作。怎么回事？提前感谢！
浏览 6提问于2014-11-13得票数 1
回答已采纳
我有一个堆叠的列表，其中我想浮动一个img (图标)和文本。然而，我觉得在每个列表项之后清理是一件痛苦的事情。这里的解决方案是什么？有什么建议可以让它更干净吗？
<ul>
<li><img src="#" /> <a href="#">Home</a></li>
<div class="clear"></div>
<li><img src="#" /> <a href="#"&g
浏览 0提问于2013-07-04得票数 0
因此，我希望将项目垂直堆叠在div中，并水平地堆叠多个div，如下图所示：
每个div定义的类名为floatbox。
<div class="floatbox">
<label>Screening Type:</label>
<select></select>
</div>
其中我应用了以下css
.floatbox {
display: inline-block;
width: 175px;
margin: 0;
padding-top: 5px;
浏览 1提问于2013-07-29得票数 2
回答已采纳
在Bootstrap 3中，您可以使用以下代码生成一行，其中3列随着屏幕宽度的减小而彼此折叠：
<div class = 'row'>
<div class = 'col-md-4'>
Some text
</div>
<div class = 'col-md-4'>
Some text
</div>
<div class = 'col-md-4'>
Some tex
浏览 14提问于2014-03-21得票数 0
回答已采纳
我已经在上建立了这个网站，在主页上你可以看到正确的div类'.sidebar‘正以某种方式被推倒。
在另一个页面上没有问题。
这似乎是由主页上的#edge_header引起的，但我不知道需要更改什么才能使正确的.sidebar div在两个页面上正确定位。
#edge_header的CSS似乎是造成问题的原因之一：-
#edge_header {
background: url("images/edge_header.png") no-repeat scroll center bottom rgb(255, 255, 255);
width: 618px;
height
浏览 1提问于2013-12-06得票数 1
回答已采纳
3回答
我正在尝试为一个响应式网页创建一个固定的侧边菜单。
由于某些原因，我的菜单下的其他内容层。为什么会这样呢？我可以将哪个属性添加到菜单中，以确保所有未来的内容都堆叠在菜单旁边，这样就不会有任何内容滑到菜单下面。
body {
color: #666666;
}
.menu {
position: fixed;
}
<script src="js/bootstrap.min.js"></script>
<div class="menu">
<a href="">menu</a
浏览 1提问于2018-06-14得票数 0
1回答
浮动和堆叠上下文
、、、
作为背景，下面是W3C的CSS2.1规范的两个相关部分。
在每个堆叠上下文中，以下各层是按前后顺序绘制的：
构成堆叠上下文的元素的背景和边框。
具有负堆栈级别(最负的第一层)的子堆栈上下文。
在流，非内联水平，非定位的后代。
未定位的浮标。
流内、内联级、非定位子程序，包括内联表和内联块.
堆栈级别0的子堆栈上下文和堆栈级别0的定位后代。
具有正堆栈级别的子堆栈上下文(最不肯定的优先)。
...and这个：
在每个堆叠上下文中，具有堆栈级别0(在第6层)、非定位浮点数(第4层)、内联块(第5层)和内联表(第5层)的定位元素被绘制成这些元素本身生成新
浏览 0提问于2018-05-12得票数 0
回答已采纳
2回答
我正在使用angularjs和bootstrap3。在面板内将小部件居中并获得响应行为的正确步骤是什么？我在Firefox中得到了独特的结果。
我有4个这样划分的列div，每个都包括一个面板：
<div class="col-lg-3 col-md-6 col-xs-12">
<div class="panel panel-default">
我已经为我想居中的div创建了一个名为"center-block“的css类。中心块类在下面。
.center-block
{
display: table;
margin
浏览 2提问于2016-05-25得票数 0
我正在尝试创建一个页眉布局，其中需要包含2条in信息(我已将其放在两个div中)。在更宽的屏幕上，我想要对齐左边的一个街区和右边的一个街区，但在较小的屏幕上，我想将两个块堆叠起来，并对齐所有的文本。
然而，到目前为止，我还未能实现这两个目标。在不诉诸JavaScript的情况下，这可能吗？
下面是我到目前为止拥有的HTML：
<div class="container">
<div class="left">
Text on the left
</div>
<div class=
浏览 7提问于2015-09-24得票数 0
回答已采纳
1回答
我有类似如下的html结构：
<div class="row">
<div class="col-sm-12 col-md-6 col-xl-3">
</div>
<div class="col-sm-12 col-md-6 col-xl-3">
</div>
<div class="col-sm-12 col-md-6 col-xl-3">
</div>
...
</div>
浏览 1提问于2016-02-01得票数 0
3回答
下面是一个简单数据表的代码，其中包含一些使用引导程序样式的分页控件，以及用于网格的可数据。
<!DOCTYPE html>
<html>
<head>
<title>Test page, using dataTables</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.8/css/dataTables.bootstrap.min.css"/&
浏览 3提问于2015-08-31得票数 0
回答已采纳
1回答
最近我偶然发现了。我之所以找到它，是因为我正在寻找一个答案，即为什么前一个div中溢出的文本显示在下一个div的背景之上，而不是显示在下一个div的跨度背景之上，比如这里()：
#overflowed {
background-color: green;
width: 300px;
height: 100px;
}
#non-floated {
background-color: pink;
width: 300px;
}
#non-floated span {
background-color: yellow;
}
对此的解释是，浏览器以特定的顺序绘制元素，
浏览 27提问于2016-01-04得票数 16
回答已采纳
我试图在div中定位三个元素，但我遇到了一些麻烦。
其中两个元素需要堆叠到左边，一个元素在右边浮动。
将#three置于其他内容之上，并将其浮动到右侧，可以使其出现在正确的位置。然而，一旦我的媒体查询启动到小屏幕和这三个元素跳转到100%宽度，它会出现在错误的顺序。
我如何定位#three，使其在#one和#two上出现在相同的高度，而不必重新排序？
我不能将#two放入#one中，因为它与address标记无关。
#container {
width: 100%;
background-color: red;
height: 150px;
}
#one, #two {
浏览 4提问于2015-03-09得票数 0
回答已采纳
4回答
我在使用bootstrap正确堆叠我的列时遇到了问题-正如您从图像中看到的那样，我需要将黑框放置在绿色框下面，但我无法让它工作：
下面是我使用的代码：
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-12" style="background-color:blue; height:600px;"></div>
<div cl
浏览 5提问于2019-03-04得票数 0
4回答
我正在尝试使用Bootstrap 3中的Tab jquery插件实现左对齐的堆叠标签，其中标签垂直呈现在标签内容的左侧，而不是顶部。当我尝试以下操作时；
<ul class="nav nav-tabs nav-stacked">
<li><a href="#tab1" data-toggle="tab">Tab 1</a></li>
<li><a href="#tab2" data-toggle="tab&#
浏览 74提问于2013-08-26得票数 156
回答已采纳
1回答
我想创建一个像堆栈溢出一样的站点标题。
我正在使用引导，但似乎无法使标题元素出现在一行上。
有人知道我是怎么做到的吗？
这是jsfiddle - .根据屏幕的大小，您可能需要调整此页面上的页面分割，以防止浏览器堆叠元素。
以下是代码：
<html><head></head><body>
<div id="root">
<div data-reactroot="" class="container fill">
<nav class="
浏览 3提问于2017-09-26得票数 1
回答已采纳
1回答
我试着把产品的清单放在单独的桌子上，然后把它们并排放在一起展示。
最初，这些表像这样堆叠在一起，适合于巨型加速器的设计：
我希望它们像这样并排叠在一起：
然而，当我这样做的时候，事情会变得有点混乱，桌子也不会停留在巨型加速器的设计中。
这是我的代码：
HTML：
td {
text-align: center;
vertical-align: central;
padding: 5px;
}
.products {
float: left;
}
<?php // Run a select query to get my latest 6 items // Conn
浏览 4提问于2015-09-08得票数 0
回答已采纳
我从Twitter Bootstrap开始，我有一个关于布局如何在其中运行的问题。下面是HTML：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Test</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" type="t
浏览 3提问于2012-10-17得票数 14
回答已采纳
3回答
我正在尝试解决以下CSS问题：
<style type="text/css">
.parent {
position: relative;
height: 140px;
}
.parent .leftbit {
width: 370px;
position: absolute;
top: 0px; left: 0px;
}
.parent .rightbit {
width: 220px;
position: absolute;
top: 0px; left: 370px;
}
</style&
浏览 3提问于2012-08-28得票数 0
回答已采纳
2回答
我正在使用推特bootstrap，我在bootstrap中的clearfix类有一个问题。我的html是：
<div class="pull-left">This is a text</div>
<hr class="clearfix" />
我期望的是水平线应该出现在下一行显示的文本，但它渲染在文本的右侧。如果我在hr中使用style='clear: both;'，那么它工作得很好。为什么clearfix不能和clear: both做同样的事情？
浏览 1提问于2013-04-28得票数 16
4回答
为什么嵌套的col不采用父div的样式？下面是一个背景应该是蓝色的示例：
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
<div class="row">
<div style="background-color: blue;">
&l
浏览 5提问于2017-09-29得票数 0
回答已采纳
1回答
我正在尝试模仿twitter的bootstrap css框架使用的行列机制。
我有一个包含一些其他div的div，这些div本身包含来自内容。在我的元素检查器中，它显示容器没有高度。div的高度不应该是它包含的元素的高度吗？
<div class="container">
<div class="row yellow">
<div class="column-1 red">
column-1
</div>
<di
浏览 0提问于2014-05-27得票数 10
回答已采纳
2回答
我在liquid网站的页脚中有这段代码。唯一的问题是，页脚中的3列是垂直堆叠在一起的，而不是水平堆叠的。我想知道有没有人能看到代码的问题所在。
#footer .column {
float: left;
width: 100%;
background: white;
opacity: 0.7;
}
#footer .column div {
margin: 10px;
height: 100px;
background: black;
opacity: 0.8;
width: 33.3%;
}
<div id="footer"&g
浏览 0提问于2014-11-14得票数 1
4回答
我想知道是否有一种纯粹的CSS方式来堆叠3(或更多)div，当它们变得足够小时，将一个放在另一个上面。
我的意思是，我有3分钱
| |
|[1] [2] [3]|
| |
我想把它们堆叠起来：
| |
|[3]|
|[1]|
|[2]|
| |
在CSS中有任何方法来进行这种堆叠吗？或者我必须使用javascript来完成这个任务吗？
浏览 5提问于2014-10-29得票数 1
回答已采纳
1回答
Jade模板没有按预期显示页面
、、、、
我使用Node.js & express，对于使用Jade模板的视图，我想要的是测试文本将位于黑色导航栏的底部，而目前我无法这样做(它隐藏在黑色肚脐下，如何将它移到底部)，我在这里错过了什么？我把迪夫
这是翡翠-Layout.jade的代码
html
head
title= title
link(rel="stylesheet", href="bootstrap.min.css")
link(rel='stylesheet', href='//cdnjs.cloudflare
浏览 0提问于2014-12-07得票数 1
回答已采纳
我只是在尝试bootstrap，它看起来很棒，但我遇到了一个看起来比正确的问题更难解决的问题。
我有一个类似于砖石结构的格式，它显示三列，然后无限次地转到新行。
x x x
x x x
x x x
其中(据我所知)必须在bootstrap中这样编码：
<div class="container-fluid">
<div class="row">
<div class="span4"></div>
<div class="span4"></div>
浏览 0提问于2013-01-06得票数 0
回答已采纳
4回答
我正在尝试让col 6在移动设备上堆叠到col md-4的下面，但无法让它工作。任何如何实现这一点的建议都是很棒的。 <footer>
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-1 col-xs-12">
<?php
wp_nav_menu( array(
'menu'
浏览 45提问于2017-05-22得票数 1
回答已采纳
我总是对CSS中的clear: left、clear: right和clear: both感到困惑。我知道clear: both意味着它不允许浮动元素在自身的两边。
我做了一些测试。我认为布局应该如下所示，因为B使用clear: both。但事实并非如此有人能告诉我原因吗？
一个
B
光盘
更新的(发布代码)
<div class="container">
<div class="A">a</div>
<div class="B">b</div>
<div
浏览 2提问于2013-04-18得票数 19
回答已采纳
3回答
我有三块硬币，在第一个左边浮动。如果只有浮动元素有一个宽度集，则其他两个环绕在它周围的是正确的。但是，如果我也为其他2个div设置了一个宽度，它们就不再围绕第一个div，而是按照正常的流方式堆叠在下面。
我知道我需要向div 2和3中添加相同的float类，才能让它们内联，但我很好奇，如果这三个变量都有宽度(即使这些宽度加起来小于可用的broswer窗口宽度)，为什么会出现这种行为。以下是代码：
<!DOCTYPE html>
<html>
<head>
<style>
.one {
浏览 2提问于2014-01-06得票数 4
回答已采纳
我尝试在页眉中将两个表单按钮堆叠在一起。我有以下html代码：
<header class="global-header">
<img class="logo" src="http://placehold.it/100x100" alt="logo" />
<div class="signup">
<a href="#">
<di
浏览 2提问于2013-12-02得票数 0
1回答
在我的网站上，我有一个标志图像，然后是公司名称。目前它是堆叠的，所以它是标志图像，下面是公司名称。
我想要的是他们并排在一起。因此，在左边是标志图像，然后在它的右边是公司名称。
我做错了什么？
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react
浏览 0提问于2016-12-13得票数 0
首先，我是一个非常新的前端开发，所以请忍受我。希望我能用正确的术语来描述我试图解决的问题。我最近开始使用Twitter的bootstrap框架，我正在尝试是否可以拥有以下流畅的布局：
比方说，这是主布局，一行有4个span3s。
1111 3333 2222 4444
调整屏幕大小时，该行中的列将堆叠到单个列中，如下所示：
1111
3333
2222
4444
我试图弄清楚的是，如果有足够的屏幕尺寸，是否可以以这种方式将它们堆叠起来：
1111 3333
2222 4444
然后，如果屏幕尺寸变得非常小，则执行如上所述的单列堆栈：
1111
3333
2222
4444
谢谢。
浏览 0提问于2013-07-10得票数 2
回答已采纳
2回答
我有一个基本的布局，其中body div被设置为一个特定的宽度。左边距和右边距都设置为自动。导致div居中。
现在，当要定位这个div中的所有子元素时，最好使用绝对定位还是固定坐标？这些子元素基本上是文本列、一些图像和一些标题。我发现将它们全部向左浮动会使它们堆叠在一起。这基本上就是我想要的。但是指定坐标是不是更好？你看，我遇到了IE的一个小的常见的边际错误。我知道绝对定位可以解决这个问题。但这会是一个肮脏的解决方案吗？
我的意思是，布局本身在某种意义上是流动的。但是body div有它的宽度。因此，无论分辨率如何，子元素都不会移动。
浏览 0提问于2010-02-08得票数 14
回答已采纳
3回答
我正在回顾我以前学过的floats属性，我发现了一个简单的问题，关于具有自己的堆叠顺序的浮动元素，代码如下：
示例1：
.box-1{
background: teal;
width:100px; height:100px;
float: left;
}
<div class="box box-1"></div>
<p> this is the text for the testing purpose<p>
我完全理解文本将环绕框-1旁边的框，但是当没有文本元素时，只有两个div框：
示例2：
.box {
浏览 0提问于2018-03-05得票数 5
在bootstrap中，我在桌面上有四个水平交叉的图像。在移动设备上，我希望这些图像垂直堆叠(他们确实是这样做的)。唯一的问题是，当图像在移动设备上垂直堆叠时，图像之间没有垂直间距。有没有一个bootstrap风格，我可以添加，以便它是垂直堆叠在手机上？
下面是我的bootply：
下面是我的代码：
<div class="container">
<div class="row">
<h2 class="section-heading">How it Works</h2>
浏览 1提问于2016-02-27得票数 1
3回答
我希望有几个div堆栈在彼此之上(我有)，但也有另一个div在另一组div的右侧。现在，所有的东西都是堆叠在一起的，即使是BeliefDescription div，它也需要放在其他人的右边。谢谢你的帮助。
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<div id="Cat">
<div id="God" class="BeliefCat"&
浏览 0提问于2014-09-04得票数 0
回答已采纳
3回答
跨Bootstrap列
、、、
我需要帮助获得Bootstrap布局如下图所示。我想不出如何在不影响列在移动视图(第二张图)上堆叠的情况下，让黄色条以Bootstrap容器的全宽显示。
因此，我不需要在移动视图上显示黄色条，但列如何堆叠的顺序必须保留。我试着在中间的列中插入一个div，并强制它离开它，但它并没有真正起作用(我得到的最接近的是负边距，但这只是与其他列重叠，我真的不知道我应该申请每个边距的确切数字，才能让它看起来更好)。
下面是我的HTML结构-我删除了黄色的部分，因为我真的不知道它应该放在哪里…
<div class="col-md-4">
col 1 h
浏览 0提问于2016-09-09得票数 0
我在div中有一个标签和一个文本框，它的大小应该适合内容并在窗口中居中。当窗口足够宽时，它们应该是列的。当窗口太窄时，它们应该堆叠在一起。内部项随着窗口大小的调整而换行，但在文本框换行的位置，div不会调整大小。怎么了？
<style>
label {
display: block;
float: left;
width: 10em;
}
input {
max-width: 98%;
width: 20em;
}
div.form-wrapper {
浏览 3提问于2014-02-16得票数 1
3回答
也许这不是问这个问题的正确堆栈，如果我必须更改它，请让我知道。
基本上我有一个css背景的问题，它不需要页面的洞口高度，因为我有一个重复的背景图像，它看起来一点也不好。
代码结构是这样的：
<div class="bg">
<div class="wrap">
<wordpress loop>
</div>
</div>
背景在包装器之外，因为图像较大，意味着要覆盖页面的100%宽度。
CSS：
.bg {
width: 100%;
浏览 3提问于2011-11-05得票数 2
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
