创建一个100%宽度的左边，固定宽度右边，居中的容器
可以使用CSS来实现。以下是一种常见的实现方式：
HTML结构：
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>CSS样式：
.container {
display: flex;
justify-content: center;
}
.left {
flex-grow: 1;
background-color: #f1f1f1;
}
.right {
width: 300px; /* 固定宽度 */
background-color: #ddd;
}解释：
- 使用一个父容器
.container来包裹左右两个子容器。 - 设置
.container的样式为display: flex;可以使其内部的子元素水平居中。 - 左边容器
.left使用flex-grow: 1;来占据剩余的宽度，实现100%宽度。 - 右边容器
.right设置固定宽度为300px，可以根据需要进行调整。
这样就可以创建一个100%宽度的左边，固定宽度右边，居中的容器。在实际应用中，可以根据具体需求进行样式的调整和优化。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Real-Time Render）：https://cloud.tencent.com/product/trr
相关·内容
1回答
我读了一些这样的问题，但没有什么能帮助我……
我有一个bootstrap布局与固定(居中宽度，边缘:0自动)容器宽度为1170px。
现在在这个内容中，我需要插入一个div，它尊重div的顺序(所以没有位置:绝对)，但是宽度是100%。通过这种方式，我可以使用这个div插入一个带有background-size: cover的横幅；
我读到了这个，这个解决方案不允许我为entere div使用唯一的背景图像。
我想我可以使用一个jquery来解决这个问题，这个jquery在基础上添加了负边距-左边距和右边距-居中div和屏幕之间的距离……
你能帮我吗？;)
谢谢
浏览 4提问于2014-08-28得票数 0
我正在创建一个水平菜单栏。
有一个包含内部div的外部div(每个div都是单独的菜单项)。
我在这些内部div上使用float: left来设置样式，以便水平而不是垂直地显示它们。
问题是菜单栏在左右两边的空间不均匀，因此整个菜单栏看起来不是集中的……也就是说，左边的第一个菜单项与左边框之间的空间较小，而右边框上的最后一个菜单项与右边框之间的空间较大。
我希望左侧和右侧的边距/填充相等，使菜单栏显示在中间。
我尝试在外部div上设置margin-left: auto; margin-right: auto，然后在内部div上也设置。这两种方法似乎都没有帮助。
这里已经看过了：
然而，这个特殊
浏览 2提问于2012-02-22得票数 3
回答已采纳
在Lightbox2中，我试图让标题文本居中，并且比图像更宽。我在以下位置使用CSS文件部分：
.lb-data .lb-details {
width: 100%;
float: left;
text-align: center;
line-height: 1.2em;
}
通过增加“宽度”，我可以将更宽的文本放在右边，通过将“浮动”改为右边，我可以将更宽的文本挂在左边。
我还尝试将"float“设置为"none”和"inherit“，但都没有成功。
我想做的是有一个比图像更宽的居中文本的肖像图像。
由于文本可以比图像更宽，所以我不认为这是一个容器问题，但我可能错了。
浏览 2提问于2019-01-27得票数 0
4回答
三柱变边腹板设计
、、
我一直在试图想出一种方法来创建一个3栏的网页设计，其中中心栏有一个恒定的宽度，并且总是居中。左边和右边的列是可变的。这在表中是微不足道的，但在语义上是不正确的。
我不能让它在所有当前的浏览器中正常工作。这方面有什么建议吗？
浏览 1提问于2008-09-16得票数 2
回答已采纳
3回答
我正在尝试创建一个粘性搜索框，这样当你滚动时，它总是在页面的顶部。但是，我希望它占据100%的容器，而不是窗口。
下面是一个HTML标记示例：
<div class="container">
<div class="searchbox">
Search Box
</div>
</div>
和CSS：
.container {
background-color: blue;
width: 300px;
padding: 20px;
height: 40p
浏览 2提问于2014-10-07得票数 3
1回答
我试图通过故事板在视图中设置一些约束(我不喜欢通过代码进行对比)。我的主要目标有点简单，但很棘手：如何使用视图中的乘数按百分比对齐3个按钮？
例句:我们看到了什么?视图中有3个按钮。左边的按钮是从视图宽度的10% (从他的左边)。第二个是居中，第三个是从右边10%。
我到底想做什么？
我想通过他们的乘法器只使用容器中的水平中心和容器中的垂直中心来实现这一点。
到目前为止我做了什么？
直到现在，我尝试使用尾部和前导空格约束，问题是它与视图大小无关。伙计们有什么建议吗？我最近几天都在努力想办法解决这个问题。
浏览 1提问于2015-05-10得票数 1
我有一个简单的布局标记：
<StackLayout orientation="horizontal" #myStack>
<StackLayout width="300" backgroundColor="red">
</StackLayout>
<StackLayout width="300" backgroundColor="green">
</StackLayout>
<
浏览 0提问于2018-02-09得票数 1
回答已采纳
我试图在正文的中心居中放置一个div，这样左边的页边距和右边的页边距(滚动条的页边距)是相同的。
这就是我的意思：顶部的蓝色标题居中，左边和右边的页边距相同。
但是当我尝试自己编写代码时，scrollbarwidth正在操纵边距和大小……
body{
width: 100%;
height: 100em;
background-color: aqua;
}
div{
width: 100%;
height: 100%;
background-color: grey;
margin-left: auto;
margin-right: au
浏览 16提问于2018-02-12得票数 0
我的Bootstrap设置非常简单，与这个非常相似。我在左边有一个侧边栏，右边有一个内容。我正在尝试完成的简单任务是将页面的右侧居中。
一般而言，我希望将放置在div.span9中的任何div居中。我使用过.span4 .offset4，但它不起作用：
<!--End of sidebar -->
<!-- Right side -->
<div class="span9">
<!-- Right side-->
<div class="form-container span4 offset4"
浏览 1提问于2012-07-10得票数 0
回答已采纳
1回答
我想保持我的bg图像居中，无论用户的显示器是否足够大，以适应整个东西或太小，以显示它一次。类似地，当用户使用ctrl+放大时，它应该保持水平居中。这个问题最好用图片来说明。这是一个缩小的快照，这是正确的行为：
这是一个放大的镜头，这是不正确的。背景显示左边距，右边100%切掉。它应该从左右两边相等地切掉：
最后是示例页面，您可以自己进行放大和缩小操作：
谢谢!
浏览 0提问于2011-08-13得票数 1
回答已采纳
3回答
我有一个在容器div中水平居中的内部div，我需要在该容器中添加另一个div，在居中的div的右侧？如何才能在不干扰居中div的位置的情况下做到这一点(即它应该仍然在容器中居中，而不是在容器的左边缘和另一个div的左边缘之间？
<div id="container">
<div id="inner"></div>
<div id="right"></div>
</div>
div#container {
width: 960px;
}
div#inn
浏览 1提问于2010-12-01得票数 0
1回答
我正在尝试创建一个两列布局，左边有固定的宽度，右边有一个灵活的列，填充屏幕的其余部分。没有显示这些列。
.container {
display: flex;
width: 100%;
height: 100%;
}
.left-column {
flex: 0 0 200px;
height: 100%;
background: lightcoral;
}
.right-column {
flex-grow: 1;
background: lightgreen;
}
浏览 0提问于2019-08-29得票数 0
4回答
如何使两个标签居中
、、、、
我有两个按钮。我想要两个按钮水平地在同一条线上，我想在左边按钮的左边，两个按钮之间，右边的按钮上有相等的空间。
我想像这样居中放置两个按钮：
浏览 0提问于2016-08-02得票数 0
5回答
好的，我有一个网站，所有的东西都被包装在一个容器里。这个容器居中，边距:auto。我想在这个居中容器的右边浮动一段内容，不管用户是否调整了浏览器窗口的大小，我都想知道是否有一种真正简单的方法来做到这一点，而不是添加另一个巨大的div，给它增加宽度，并将居中部分放在左边，内容部分放在右边。谢谢!
浏览 0提问于2009-05-08得票数 2
2回答
我有一个居中的页面：
#page-wrap {
width: 800px;
margin: 0 auto;
}
这将创建一个这样的居中布局：
<-- auto --><----------------- 800px -----------------><-- auto -->
现在，我想在页面的左边和右边附加两个带有菜单项的小div：
<-- auto --><----------------- 800px -----------------><-- auto -->
浏览 4提问于2016-01-25得票数 1
回答已采纳
我正在尝试创建一个使用flex-wrap: wrap的柔性盒容器，但是一旦它被包装得足够宽，它就可以居中。
现在，当我调整窗口的大小以使元素包装时，元素继续使用它所能使用的最大宽度，从而导致它的子元素被一直推到左边。
这是我的的链接
这是我给窗户调整大小的礼物。如您所见，当绿色和红色的div有足够的空间放在同一行时，它们就会出现居中，而不是在包装时。最好在红色div的左边应该有和绿色div的右边一样多的空格。
最好是，当行包装时，应该如下所示：
任何帮助都将不胜感激！
浏览 1提问于2017-06-22得票数 1
回答已采纳
如何将任何固定宽度布局转换为灵活宽度布局？有什么小贴士吗？
在一个网站中，我们是否应该让每件事情都变得灵活，我的意思是左边或右边的侧边栏和主要内容栏？
我们应该让所有的东西都是100%的宽度，还是我们应该定义一个最大宽度以获得更好的可读性？
浏览 3提问于2010-06-11得票数 1
3回答
我知道我可以使用text-align: center的CSS样式来对引导带下拉元素进行居中。这将按需要对下拉菜单进行居中。但是，当我单击该菜单以激活它，并出现项目列表时，它将相反地对齐父div的左侧。我想让下拉菜单的左边边缘与您单击以激活它的按钮的左侧边缘同步(就像如果下拉菜单在默认情况下是与左边对齐的话)。这个是可能的吗？
浏览 3提问于2015-08-30得票数 0
回答已采纳
我有一个包含两个div的容器，我希望它们并排出现，并居中显示在页面上。左边是一种导航，右边是可变长度的内容。我希望当我上下滚动页面时，左边的div是“固定的”。这里是一个一般的结构；请随意建议其他居中css。提前谢谢。
#content{
margin: 0 auto;
}
#left{
display:inline-block;
}
#right{
display:inline-block;
}
<div id="content">
<div id="left">
</div>
<div id
浏览 2提问于2013-07-14得票数 0
回答已采纳
我有一个响应头，这是相当复杂的。
左边的块是固定的宽度，右边的块是百分比(100%)我在这里找到了一篇关于如何做到这一点的很好的文章，除了我需要它之外，这个例子是右边的块固定的。
我确实让它在一个点上工作，但不记得我是怎么做到的，应该没有滚动条，外部容器应该是100%。真正的问题是，在右边的块中，我有两个内部div，一个div应该在屏幕上水平居中，而不是在它的div中居中，因为固定的左边的块已经把它推过来了。
<div id="container">
<div id=fixed-width>
</div>
&
浏览 2提问于2014-10-21得票数 0
我经常遇到这个挑战--当我试图解决这个问题时，我总是在想我是不是做错了。
在'div‘中，我想把图像放在左边--一些相应的文本放在右边--我想让它们垂直居中显示。做这件事最好的方法是什么？
目前，我的xhtml如下所示：
<div class="key">
<img alt="required" src="/images/forms/asterisk.png?" /> required
</div>
下面是它的当前外观-- (您将看到星号图像与“必需”文本没有垂直对齐。哇哦。
我通常会考虑绝对定位图
浏览 2提问于2010-01-22得票数 2
回答已采纳
我怎样才能达到这个目的：
-------------------------------
| | |
| | |
| | |
| | |
| | |
| | |
-------------------------------
<- #fff
浏览 0提问于2011-11-02得票数 3
回答已采纳
1回答
我在做一个一分为三的网站。我在绝对中心有图像，在左边和右边有文字。当网页宽度改变时，我如何使每个单独的部分居中，使其按比例居中？涉及边距的东西-左/右自动？
希望这一切都有意义..
谢谢!
文本图
1|2|3
加长的网页
**1**|**2**|**3**
浏览 3提问于2012-08-28得票数 0
回答已采纳
我正试着将徽标放在这个网站的中央：现在我已经设置好了
#header hgroup {
float: left;
left: 50%;
}
但正如你看到的，它不是居中的，它更多的是在右边，而不是左边。我搞不懂为什么它不在中间。
浏览 1提问于2013-11-25得票数 0
我有一个'header‘元素，左边有一个图标，右边有文本的div。
如果文本比图标右边的空间短，那么我希望它以为中心放在屏幕上，但是当它是长的时候，我希望它开始于图标的右边，用省略号填充屏幕的其余部分。
| [icon] centred |
| [icon]Starts from the lef...|
这里有一个jsbin来说明这个问题：
我希望‘开始’仅仅在正方形图标的右边，但也希望‘更多的文本’集中在屏幕上，而不是图标右边的区域(这就是如果我使#图标而不是位置:绝对和开始#文本的权利)会发生什么。
编辑我做了一些改变，以说明我希望‘更多的文本’是对齐的
浏览 2提问于2020-04-22得票数 0
我想不出一种优雅的方式让我的div在CSS中按如下方式显示
---------------------------------------------------------
| |
| child div 1 child div 2 child div 3|
| |
-------------------------------------
浏览 0提问于2011-12-15得票数 2
回答已采纳
1回答
扩展边框
、
我有一个图像，它将在窗口中居中(左和右)，没有左边界，但有一个右边界。我想知道是否有可能上边框从页面的最左边(经过图像)开始，并在右边框停止，下边框从图像的左端开始，一直延伸到窗口的右侧。上边框和下边框由两个不同的重复背景组成，如果需要，左边框也可以。
我已经考虑了一段时间了，但就是想不出任何solutions...can，有人能帮我吗？
浏览 0提问于2009-02-01得票数 0
回答已采纳
2回答
我有一个包含三个内联块的头文件。包含这些块的元素设置为文本居中对齐，左侧块向左浮动，右侧黑色块向右浮动。这产生了一个很好的效果，使得中间块的文本在屏幕上居中，(几乎)与窗口大小无关。
如果你把窗口变得更小，我需要的是堆叠在每个other...which上的块。问题是，由于浮点的存在，它们不会“跳”到适当的位置。也就是说，当这些块从水平到垂直再到堆叠在一起时，最右边的块会粘在右边(在左边留出一个很大的空白)。中间的块，因为text-align: center，也没有跳过。因此，我在小屏幕上留下了“阶梯/阶梯”效果，但还不够小，无法强制进行完整的堆叠。
看看这个js小提琴，看看我的意思：
HTML
浏览 0提问于2012-09-17得票数 0
回答已采纳
我有一个容器，其中包含：
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
如下所示：和<li>的CSS被设置在左边，这样它们就可以在一行中。如果我删除一个<li>，那么它会在右边添加一个空格。像这样：当我删除一个<li>时，我想让其他的居中而不是向左浮动。但我现在不能删除float:left，因为它们需要在一个顺序中。我怎么
浏览 0提问于2011-10-10得票数 2
回答已采纳
我有以下HTML：
<div class="clearfix">
<div>
<button>a</button>
<button>a</button>
<button>a</button>
<button>a</button>
浏览 0提问于2013-09-19得票数 0
2回答
我试图找到一种方法，使我的div #容器在ipad页面居中。这是一个相当简单的960px宽，利润率为0的自动作业。正文被赋予了背景颜色，但在ipad上，要么容器占据了整个页面，要么页边距在左边，但页面被粘在了右边。
我在网上看到过关于最小宽度、视窗等的各种想法。理想情况下，我会在样式表中使用@media查询，因为默认情况下其他一切看起来都很好
谢谢
浏览 0提问于2011-10-06得票数 3
3回答
我一直享受和有成功的模拟网页与CSS。但后来我决定玩一个“固定菜单”，我的理解现在还不太清楚。
因此，我的简单知识是创建一个空白的HTML，然后创建一个“容器”div，并将所有进一步的元素放在“父”容器中。这和所有的浮动元素都没有问题。
但是，当在我的父div中放置一个“固定”元素时，我不知道为什么固定元素会观察到父元素的左边距，而忽略它的右边距。
html, body{margin: 0; padding: 0;}
#container
{
margin:0px auto;
width:90%;
height:500px;
background:#A8A8A8;
}
.fixed-m
浏览 1提问于2016-04-05得票数 0
回答已采纳
1回答
我简单的看不出如何去除这些空白处，因为你可以看到，我让容器有一个蓝色的背景，出于某种原因，我可以在右边和左边看到，这意味着我的两个div框不能覆盖100%的屏幕。我试了一下:0；填充:0；诸如此类，但没有运气，希望有人能帮助我。我一直在读其他的帖子，但是找不到一个能解决我的问题。
希望你能帮上忙。
HTML
<div class="container">
<div class="row">
<div class="col-xs-2 col-md-2 col-lg-2 left_nav&
浏览 3提问于2015-05-05得票数 1
回答已采纳
我在右边添加了两个uibarbuttonitems项，但是它将标题推到了左边。
如果太长，我希望标题视图保持居中和截断。
浏览 2提问于2014-07-11得票数 0
回答已采纳
1回答
我正在尝试创建一个自定义动画来显示一个新的视图控制器。from视图控制器是一个视图控制器，它有两个嵌入式uiviewcontrollers
右边的是一个包含在导航控制器中的视图控制器，我尝试的动画的前半部分是让右边的容器全屏展开到左边。
当我执行标准的UIView动画块设置它的帧=它的父帧时，它首先通过向右扩展来立即设置大小(忽略动画)，然后将自己居中。
基本上我的问题是，有没有人有关于如何强制视图控制器以适当的速度严格向左扩展的建议？据我所知，缩放不起作用，因为它拉伸了视图，而不是保留纵横比。
浏览 1提问于2014-06-18得票数 1
2回答
很抱歉，我不知道如何更清楚地表达这个问题，但我的网页background-position目前设置为center。当我调整窗口大小时，它保持在最中心，当窗口比背景图像小时，图像保持居中，因此左右边缘都会被截断。我遇到的问题是，当我使用margin:auto;时，我的width:700px;内容框将停留在中间，但是当窗口被调整到比div更小的宽度时，框的最左边的边缘留在视线范围内，而最右边的隐藏在窗口框架之外。这对我来说真的很难解释，如果我说得不清楚，我很抱歉。我对web开发非常陌生。下面是截图示例：
：很好！一切都居中对齐
：糟糕！背景图像保持在窗口宽度的中心，但div框在最左侧停止，然后从另
浏览 1提问于2014-03-05得票数 0
3回答
有人能帮我诊断一下这个不应该出现的小问题吗--试着在背景图片下面居中对齐文本，我已经做过很多次了，但由于某种原因，在尝试了几个小时后还是做不到。
这是漂浮在页脚右边的徽标：
正如你所看到的，'Member Of‘在图片的左边，就在下面。以下是用于测试的内联代码：
<div style="margin-right:15px;position:relative;float:right;width:88px;height:100px;background:url(/images/Structure/chamber-logo.png) no-repeat;backgro
浏览 0提问于2011-03-10得票数 1
回答已采纳
2回答
我找了又找，但似乎找不到解决我的问题的办法。我正在尝试将<div>标记的内容居中放置在我的文档主体中。这是一个移动网站，所以在各种不同的视窗和设备上，左边和右边的边距必须相等。
这是我试图居中的div：
<div id="nav">
<a href="http://m.usci.westondev.com/healthcare-certificates-2/">Healthcare/a
<a href="http://m.usci.westondev.com/business-certificates-2/
浏览 3提问于2013-02-21得票数 2
回答已采纳
2回答
我有一个有两列的表格。我想将最右边的列与页面居中，这样左边的列就会挂在左边。
<table width="960" border="0" cellpadding="0">
<tr>
<td width="100"><!--COLUMN TO HANG TO LEFT--></td>
<td><!--COLUMN TO BE CENTER WITH PAGE--></td>
</tr>
</table>
浏览 0提问于2011-09-13得票数 0
回答已采纳
1回答
我需要把固定的块在页面上。但它应该是流体容器的大小(具有自动左右边界)和容器内部的左边界160px。
HTML
<div id="container">
<div id="header">Some fixed panel</div>
Some other scrollable markup
</div>
CSS
#container {
width: 90%;
max-width: 1280px;
padding: 0px 20px 20px 20px;
margin: 0 auto;
min-wid
浏览 0提问于2013-01-22得票数 0
14回答
我想在屏幕中央放置一个<div> (或<table>)元素，而不考虑屏幕的大小。换句话说，“顶部”和“底部”的左边的空间应该相等，“右边”和“左边”的左边的空间应该相等。我只想用CSS来实现这一点。
我尝试了以下方法，但不起作用：
<body>
<div style="top:0px; border:1px solid red;">
<table border="1" align="center">
<tr height="100%">
浏览 120提问于2012-03-26得票数 160
回答已采纳
2回答
所以我正在做一个简单的登录页面，使用Bootstrap作为框架。在大多数情况下，一切都很好。我遇到了一个问题，包装容器div中的所有元素都占据了100%的视区。我想让它们在左边和右边有一些空白处。
我可以很容易地让它漂亮，并通过设置最大宽度为960px，居中显示在页面的左右边距。然而，当我这样做的时候，它会弄乱页面的响应性。
当我设置容器的最大宽度并使窗口变宽时，所有列都垂直堆叠在一起，就像在移动设备上一样。我可不想这样。
这是站点的当前工作版本：，它没有设置最大宽度，所以它占据了100%的视图端口(这是我不想要的)，但是列在这个端口上工作得很好。
这是该网站的另一个版本：
这个有一个最大宽度
浏览 0提问于2013-05-01得票数 0
3回答
除引导程序容器外的箭头
、、、、
我有一个引导程序容器。由于这是常见的，它不采取孔页面宽度，但居中与许多空白的左边和右边。
我想要实现的是，在左边和右边(除了带有container类的div之外，还有两个居中的箭头，左边指向左边，右边指向右边。
你想知道，我为什么要这么做？我试着做一些类似旋转木马的东西，但是有页面，所以当我单击向右箭头时，会出现下一页的内容，然后单击向左箭头，我就会返回到另一页。我希望你明白我的意思。
我所拥有的是：
<!DOCTYPE html>
<html>
<head>
<title>Drag and Drop Upload</title&g
浏览 0提问于2016-04-08得票数 0
我正在做一些实验，我有一个肚脐，我想从屏幕的左边切换到屏幕的左边。我能够定位一个基本的div到屏幕的左边，但是我想做的是让它把所有的内容都推到它的右边，这样我就可以在菜单上实现一个隐藏功能。
CSS
div {
position: absolute; // also tried fixed
left: 0px;
height: 100%;
width: 100px;
background: #222222;
top: 0px;
bottom: 0px
}
正如您在图像中所看到的，div就在左边，但是内容刚刚结束。有什么办法在div之后把内
浏览 0提问于2018-06-29得票数 1
我有一个固定宽度、相对位置和居中的#content div (如下面的红色外框所示)。在这个div的顶部，我需要放置两个固定位置的标题div，一个在中心的左边，一个在中心的右边(中心线显示为红色虚线)。
这两个页眉div具有动态宽度，需要锚定在朝向中心的一侧(以黑色粗体显示)。当它们变大时，它们的外缘应该向周边延伸(用黑色箭头显示)。
我以为我可以用这样的东西达到这样的效果，但没有运气：
#leftheader { position:fixed; top:0; left:50%; margin-right:10px; }
#rightheader { position:fixed; top:0
浏览 0提问于2011-05-24得票数 2
回答已采纳
我很抱歉在这里问这个问题，因为我非常确定这不是这个论坛的100%目的(尽管我假设它是CSS )，但我在另一个论坛上问了，没有人理解我在说什么！！所以我想:我百分之百确定这里的人会知道！
什么是网站框阴影(我想它是CSS框阴影？)他们在像这样的网站上使用：
我指的是-the框阴影，它位于我认为是主体容器的左边和右边，它有助于给页面一个通用的框架-值得一提的是，阴影慢慢地消失，并在“查找课程和事件”框的末尾完全消失。
提前谢谢你，我很欣赏你的智慧！
浏览 3提问于2013-03-29得票数 0
回答已采纳
3回答
我对我的页面居中有一个问题。除了左边界和右边界之外，一切都正确居中。我相信问题出在border-right-width:300px; border-left-width:300px;线路上，但我不确定是否有其他方法来设置它。有没有另一种解决方案，使左右边框也以页面为中心。有什么想法吗？这是我的CSS：
body {
margin:auto;
padding: 0;
background: #FFFFFF;
font: 12px/1.4 Verdana, Helvetica, sans-serif;
font-size: 12px;
col
浏览 1提问于2013-06-03得票数 0
2回答
两个容器的css动态布局
、、、
我有一个有趣的布局设计问题，我想知道我是否可以得到一些帮助。
有两个相邻的容器，大部分右侧的容器是静态大小的。左边的应该根据动态加载的内容进行扩展。它可能有相当多的数据，或者只有一个数据集。现在，随着容器的增长，右边的容器应该总是紧挨着左边的容器。
这就是棘手的部分。左边的容器不能换行，应该达到屏幕上剩余的宽度，此时会出现滚动条。此时，右侧容器紧挨着屏幕的边缘。
我可以让它在左侧容器始终占据剩余屏幕空间的情况下工作，但这会将右侧容器一直推到右侧，即使左侧只有很少的数据。
我也可以让数据增长，让右边紧挨着左边，但是溢出滚动条永远不会出现。我对如何解决所有这些需求束手无策。
我也可以为所有东
浏览 2提问于2013-01-23得票数 1
2回答
我试图得到3个按钮，以使用全屏幕宽度和重新调整大小，如果需要的话。但是，当我尝试使用我的代码时，它不会居中。我试过在按钮上使用边距-左边距-右边距自动按钮，但我似乎无法让它工作。
HTML如下所示：
<div id="overview-content">
<div id="navgroup" data-role="controlgroup" data-type="horizontal">
<button class="ui-btn ui-shadow ui-btn-icon-left
浏览 0提问于2014-04-28得票数 0
1回答
我想在.container的左边加上一个介绍部分，在右边有一个侧边栏。
在.intro区域的左边，我希望有四个div，像网格一样等距。
我在建立“网格”方面有问题。我认为问题的一部分是父母有一些影响孩子的柔性盒属性。
要求:介绍部分应在.left-side中居中，“网格”不应居中，方框应占用足够多的空间，以适应2在行之间的空白处。.intro应该是左侧宽度的80 %。
我不想对结构做任何重大改变--这只是我的项目如何设置的一个小例子。
.container{
width: 80%;
margin: 0 auto;
display: flex;
}
.left-side{
浏览 2提问于2016-06-26得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
