带边距栏的Flexbox网格系统
是一种用于网页布局的技术，它基于Flexbox布局模型，通过设置边距栏来实现网格化布局。下面是对该概念的完善和全面的答案：
概念：
带边距栏的Flexbox网格系统是一种网页布局技术，它利用Flexbox布局模型来实现网格化布局，并通过设置边距栏来调整网格之间的间距。
分类：
带边距栏的Flexbox网格系统可以分为两种类型：固定网格和自适应网格。
- 固定网格：每个网格的宽度和高度都是固定的，可以通过设置具体的像素值或百分比来定义。
- 自适应网格：每个网格的宽度和高度会根据内容的大小自动调整，以适应不同屏幕尺寸和设备。
优势：
带边距栏的Flexbox网格系统具有以下优势：
- 灵活性：Flexbox布局模型提供了灵活的布局选项，可以轻松实现各种复杂的网格布局。
- 响应式设计：通过设置不同的Flexbox属性和媒体查询，可以实现响应式设计，使网格布局适应不同的屏幕尺寸和设备。
- 简化布局：使用带边距栏的Flexbox网格系统可以简化网页布局的开发过程，减少代码量和开发时间。
- 可维护性：通过使用网格系统，可以使布局结构更加清晰和易于维护，方便后续的修改和扩展。
应用场景：
带边距栏的Flexbox网格系统适用于各种网页布局需求，特别是那些需要灵活性和响应式设计的场景，例如：
- 响应式网站：适应不同屏幕尺寸和设备的网站布局。
- 应用程序界面：实现复杂的应用程序界面布局，如仪表盘、管理后台等。
- 移动应用：为移动应用提供灵活的布局选项，适应不同的设备和屏幕方向。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列与网页布局和云计算相关的产品和服务，以下是一些推荐的产品和对应的介绍链接地址：
- 云服务器（ECS）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI）：https://cloud.tencent.com/product/ai
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
如果用户有iPad或iPhone，我想显示与正方形独立的相同网格，相应地增加正方形的大小。
我不想检测设备并根据屏幕大小更改方块的宽度和高度。可以只使用React Native的css flex功能吗？
这里是
浏览 1提问于2016-09-16得票数 1
有一段时间以来，我一直在尝试在中使用SDK。问题是我知道我想做什么/需要做什么。但是，我在任何地方都找不到允许我做我想做的事情的代码示例或API文档：
我知道这是可能的，只是我找不到文件来说明怎么做。
我想为所有打开的文件添加另一个侧边栏色带，类似于断点的工作方式(还有许多VS、NCrunch的测试外接程序.)作为标准，这是空白的，但单击时允许运行一些逻辑来在该行上添加注释。
一旦添加，图标将显示在该行上，允许您单击图标查看/编辑左边的注释。(这个等等的存储不是我正在做的实现的问题)我只需要知道如何告诉API添加一个新的带/边的东西，并在所需的逻辑中插入:/
如果这不可能的话，我还想
浏览 0提问于2016-02-20得票数 0
回答已采纳
1回答
我有以下3个项目的网格：
<div class="grid">
<p> </p>
<p> </p>
<button> </button>
</div>
.grid {
display: grid;
justify-content: flex-start;
align-items: flex-end;
grid-template-columns: minmax(200px, 1fr) minmax
浏览 1提问于2018-10-04得票数 0
1回答
我在上使用了一个模板，因为它太窄了，所以我调整了侧栏和主posts列。虽然效果很好，但只适用于主页。
问题是，侧边栏并不是在所有页面上都是相同的。
请参阅侧栏不一样的。
我当前用于侧栏的CSS代码是：
#sidebar-wrapper {
border-radius: 5px;
color: #A8AAAC;
background:rgba(0,0,0,0.1);
float:left; margin: -2430px 150px 100px -120px;
width:40%;
}
还有一个侧边栏的代码示例，但是即使我试图更改它，也没有发生任何事情。
#sideb
浏览 0提问于2016-10-29得票数 0
回答已采纳
1回答
以前有人在WordPress上遇到过这个问题吗？我正在使用带WordPress的引导带4框架，并希望为我正在处理的特定项目提供一个固定的顶部。
问题是，固定顶部干扰了WordPress默认导航栏，我想在不覆盖或干扰过多的BootStrap 4 CSS的情况下对其进行调整--这可能吗？
图片：
如您所见，由于默认的WordPress标头，菜单不可见。提前谢了。
浏览 1提问于2018-12-18得票数 0
回答已采纳
我发现了一个灵活框/网格布局的SCSS混入。
下面是完整的混合：
@mixin grid-col(
$col: null,
$grid-columns: 12,
$col-offset: null,
$gutter: null,
$condensed: false,
$align-self: null,
$flex-grow: 0,
$flex-shrink:1,
$flex-basis: auto,
$order: null,
浏览 3提问于2017-08-22得票数 0
1回答
我目前正尝试在flexbox中创建一个仪表板，其中1个项目比其他项目大：
使用flex-grow或只是使用witdths来创建网格并不是很难，但困难的部分似乎是让两个较小的项目与较大的项目垂直对齐，发生的情况是：
使用flexbox可以做到这一点吗？
'Added a simplified version of the code: http://codepen.io/Doordarius/pen/emXLXM/'
浏览 2提问于2015-03-30得票数 2
我在RecyclerView中有两个柱网格线。我想在左栏的项目上使用不同的边距，在右栏的项目上使用不同的边距。
在RecyclerView.Adapter类的方法bindViewHolder(VH holder，int position)中，我如何知道当前项是在左侧还是右侧？
我尝试使用位置参数，但有时它会从右侧开始填充项目(下图，查看项目5)，因此它没有任何用处。
浏览 1提问于2015-03-04得票数 1
我想要的是在我的网站上以左右边界为中心的内容。你从代码中得到的东西类型：
.container {
width: 90%;
margin: 0 auto;
}
然而，我正在使用twitter bootstrap，并且仍然希望保持网站的响应性，这样做似乎打破了网格布局。
有没有人能给我一些建议，告诉我该怎么做？
浏览 3提问于2013-01-29得票数 2
1回答
我不太清楚为什么，但<div class="row no-gutters并没有删除空空间。
网格中的按钮之间有很大的空间。我删除了每个id和类，以确保没有任何东西会干扰边距或填充，但是问题仍然存在。有什么想法吗？
<div class="row no-gutters">
<div class="col-md-4">
<div [@simpleFadeAnimation]="'in'">
<button mat-raised-button (click
浏览 3提问于2019-12-07得票数 0
回答已采纳
基本上我的html代码看起来像这样：
<div id="leftbar"></div>
<div id="content"></div>
<div id="rightbar"></div>
我如何用css编码，使所有3个div将并排，左栏和右栏有一个固定的宽度，而内容将是灵活的，以填充网页浏览器。
浏览 5提问于2010-01-22得票数 0
回答已采纳
我正在尝试做一个3栏的网站。左边和右边的列都是小的240 sides，附在两边。中间的div是一个可伸缩的区域，里面的所有元素都根据浏览器的大小展开。
到目前为止，我已经把它设置成这样：
body, html {
height:100%;
}
body {
margin:0;
}
.container {
background:orange;
height:100%;
width:100%;
overflow:hidden;
}
.left {
width:240px;
height:100%;
background:rgba(0,0,0,0.5);
浏览 4提问于2014-06-10得票数 0
回答已采纳
我有一个简单的布局，我需要h3在左边，导航在右边，但在中间，我想做这个与挠性盒，但我不知道如何使导航中心在右边。
在常规网格中，这类似于h3的宽度为30%，导航宽度为70%，并且给出导航文本对齐:居中。
* {
margin: 0;
paddding: 0;
}
header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
nav {
text-align: center;
}
ul {
list-style: none;
d
浏览 0提问于2015-04-26得票数 0
回答已采纳
在探索Flexbox的使用过程中，我遇到了一些我觉得有点奇怪的东西。如果我将三个水平边距为10 of的子容器抛到Flexbox容器中，每个子容器的Flexbox值为1，则每个子容器的宽度相等，这是很棒的。但如果我有两个孩子，其中一个的挠度值为2，那就不是2/3rds--1/3分裂。但是，如果我去掉保证金，它是2/3 3rds 1/3分割，这是需要的。
下面是一些示例代码：
<div class = "flexbox">
<div class = "flex" style = "background-color: red;"
浏览 0提问于2014-07-25得票数 1
回答已采纳
1回答
对挠性项目应用边距
、、、
因此，我从堆栈溢出中获得了这三个列布局示例，但我尝试使用flexbox同时获取列和行。
我的最终目标是有一个三列布局(左边是图片，两列在右边是文本)。
但是，我需要所有的东西都是对齐的(文本和图像在同一个轴上对齐)。
但我的问题是，当我尝试使用margin-bottom在列中分隔元素时，只有文本列一正在工作(而不是图像列)，而我不知道为什么。
我希望左列margin-bottom也能工作。但是，即使我为所有列添加了margin-bottom，只有那些带有div的列才能工作。
我应该把我的图像也放在电视里吗？
下面是我面临的问题的一张图片：
* {
margin: 0;
}
h
浏览 2提问于2016-07-18得票数 1
回答已采纳
4回答
水平对中
、、、
标题和我的网站导航栏有绝对的定位，所以他们将留在原地，而图像滚动下面。
我正试图把整个网站的中心水平。
我和试过，但没有成功。
我试着将图像放在表格中，然后在div中以它为中心，但是水平图像在同一行的垂直照片上和下面都有由网格创建的空空间。
是可以“包装”这个网站，还是我需要使用另一种方法？
浏览 3提问于2013-12-10得票数 0
回答已采纳
所以当我拉伸或缩小浏览器的宽度时，
所有列都按比例展开，并100%填充父容器的宽度
当然，水平边缘也会成比例地拉伸。
但我希望垂直边距自动匹配水平边距的宽度。
我的标记：
<div class="parent">
<div class="child">...</div>
<div class="child">...</div>
...
</div>
CSS：
.parent{
margin-right: -2%; /
浏览 3提问于2015-08-08得票数 1
回答已采纳
我有一个html网页，其中包含一个响应式侧栏(侧栏的宽度变化悬停)。我希望主要内容有一个相对于边栏的宽度的边距。请告诉我如何使用css>实现这一点，例如：
在悬停在侧边栏上之前：
将鼠标悬停在侧栏上后：
浏览 4提问于2021-10-26得票数 1
我似乎无法将表单与导航栏中的"input-sm“垂直对齐。如果窗体的输入与导航栏的高度不同，则它们似乎是顶部对齐的。我希望有一种方法可以做到这一点，而不是手动调整填充或页边距顶部。有什么想法吗？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example</title>
<meta name="viewport" content="width
浏览 2提问于2016-09-09得票数 0
回答已采纳
我向MPart工具栏添加了一个搜索文本ToolControl，如下所述：
我的问题是:当我在工具栏中有另一个项目(例如，带图标的已处理工具项目)时，我可以看到大部分文本，但不是全部。当没有其他项目时，我只看到文本的上一行。
工具栏的高度似乎不适合我的控件，
如果有人能帮我那就太好了。
克里斯汀
浏览 0提问于2016-08-05得票数 0
回答已采纳
我开发了一个顶部导航栏里面，它包含搜索栏，我想添加搜索图标内的搜索输入框，我想提供适当的间距占位符和图标[like this i need ](https://i.stack.imgur.com/GonNN.png)，我尝试了这么多方法，但它不能正常工作，如何获得这个东西，请帮助我解决这个问题[like this i am getting output](https://i.stack.imgur.com/FSlHU.png) Dashboard.vue <template>
<div class="main">
<nav class=&
浏览 13提问于2021-07-01得票数 0
回答已采纳
我正在写一个网页，这是一个固定大小的左栏全宽。在主区域中列右侧的一些页面中，我想使用带行的引导容器进行对齐。
有什么明智的方法来解决这个问题吗？
提前感谢！
浏览 2提问于2014-01-15得票数 0
2回答
带引导带的中心旋转木马
、、、、
我想使用引导旋转木马来构建一个带屏幕外项的居中滑块。就像这个例子(页面上的第二个)：
该示例的问题是，项与引导网格不对齐。是否有可能建立在引导旋转木马和网格的基础上？
浏览 2提问于2016-09-12得票数 0
回答已采纳
2回答
我的意思是，这两个盒子不是水平对齐的，因为标签的大小不一样，我想让小的标签对齐右边，这样盒子就可以上线了。
浏览 5提问于2022-01-27得票数 -1
回答已采纳
1回答
我四处寻找答案，但我只找到了类似的问题，而不是这个确切的问题，所以希望这里的人可以帮助我！
我有一个iPad应用程序。在iPad上，当您在纵向或横向中持有iPad时，总是会显示带时钟和电池的状态栏。出于这个原因，我在我的视图控制器的顶部有一些自定义工具栏，这些工具栏解释了这20点。
我现在正在努力使我的应用程序通用。我注意到的第一件事是，当iPhone是纵向模式下的帮助时，状态栏就会显示出来，但是当它保持在横向模式下时，状态栏就会隐藏，现在我有了一个20点高的工具栏。
我对总是隐藏或者总是显示状态栏不感兴趣。我认为在手机上将其隐藏在景观模式上的功能很好。我想要做的是能够检测到状态栏何时被隐藏，
浏览 0提问于2015-06-14得票数 3
回答已采纳
我真的在为这件事而挣扎，并且已经做了很长一段时间。
我有一个带有标志的背景图像，我希望中间有一个div，这样它就不会阻止背景中的蜜蜂图像。这里的工作示例(这很好，因为它没有阻止图像)：
但是，现在我想在红色div的左边添加另一个div，在大约10像素之间有一些边距。但是，当我这样做的时候，所有的东西都会向右移动，而我在背景中的标志被div挡住了。这里的例子：
如果我将margin: 20px auto 0从main-controller中删除，那么在我查看1680 X 1050解析中的页面之前，事情看起来还不错。在这项决议中，一切似乎都向左转移。因此，现在在红色div停止与蜜蜂图像开始之间有一
浏览 2提问于2011-09-08得票数 4
回答已采纳
2回答
我已经习惯了Windows窗体设计器，现在第一次在Visual 2010中使用WPF设计器。我读到你可以把你想要的控件放到你的表单上。在我的例子中，从工具箱中拖动的控件不会像我期望的那样被拖放。
两个例子:一些控件应该执行特殊的操作，比如删除时将GridSplitter 放到最近的网格线上。但我的在网格上的位置只留下了一个灰色的长方形。我也在使用微软的WPF带控件(在一个RibbonWindow中)，他们说在带上增加了它。但是，不管我在删除控件之前选择了什么控件，我都会将其放到底层的Grid上。
我一直在搜索网页，但在运行WPF应用程序时，我只找到了有关拖放问题的答案。我是误解了WPF设计者的
浏览 4提问于2011-12-06得票数 0
回答已采纳
我正在使用semantic-ui创建一个web应用程序。我试图创建一个布局，其中有一个边栏和主要内容区域。起初，我认为使用网格是可行的，只是它们会引起一些问题：
列和行之间将有额外的间距/排水沟
“移除”排水沟的唯一方法是用类似于<div class="four wide black column">的内容设置列颜色，但这会导致列与其他内容重叠。
因此，网格似乎不是创建页面布局的最佳工具，尽管它们确实提供了一些功能，使其对于页面布局非常有用(比如定义节大小；four wide column、ten wide column等)。
使用语义UI(如简单的
浏览 2提问于2015-12-15得票数 10
1回答
我目前正在处理动画，我有一个网格隐藏了一个搜索面板，点击搜索按钮将网格向下移动，显示搜索选项。
我让这个部分正常工作，问题是网格视图占用了所有可用的空间，所以当搜索栏隐藏时，它看起来很好，但如果搜索栏是可见的，那么网格的底部就会离开页面。
我一直在尝试使用边距来解决这个问题，当搜索栏显示出来时，底部的边距会增加，减小它的总尺寸，并阻止它离开屏幕底部。
我读过一些主题，说明在边距上的动画是不可能的。我已经设法让它在以下代码中部分工作。
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Margin" Stor
浏览 1提问于2011-06-28得票数 4
回答已采纳
如何在Bootstrap中设置div样式，以在正常的12网格“行”和“跨度”系统中跨越视区的整个宽度(没有固定的位置)？
在Bootstrap源代码中，navbar-fixed-top类使用固定位置以及left和right属性来实现此效果：
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
margin-bottom: 0;
}
但是，无论如何滚动，此导航栏都会留在窗口中。需要什么样式才能在没有固定位置的情况下获得相同的整个视口宽度？
浏览 0提问于2012-04-26得票数 3
回答已采纳
1回答
这可能是一个直截了当的问题，但我似乎无法解决这个问题，因此任何帮助都欢迎。
我有一个网页(流畅网格布局)，我想要做的是添加一个边栏的任何一方的主页使用CSS。当屏幕比1300 is大的时候，我想显示两边的边框。我希望这些边栏和这页一样高。有没有办法用CSS来做这件事。
html
<div class="gridContainer clearfix">Mainpage code here </div>
CSS
@media only screen and (min-width:981px){
.gridContainer{width:98%;max-wid
浏览 0提问于2015-10-27得票数 2
下面的XAML显示了Windows 8.1通用应用程序页面的内容。这样做的目的是在枢轴上有一个棒子。但是，支点是重叠的条，而样本网格的蓝色是工作的预期。
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="50" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid Background="{Sta
浏览 2提问于2014-07-15得票数 3
回答已采纳
我的应用程序有一个UIViewController，它有一个容器视图，可以填充整个屏幕。容器视图嵌入一个UICollectionViewController。这些视图控制器应该在状态栏下面滚动并显示。为了实现这一点，我设置了UICollectionViewController.contentInsetAdjustmentBehavior = .never。当我滚动集合视图和单元格顶部在状态栏下滚动时，单元格的内容会缩小。这是错误的。我只想让他们在状态栏下滚动，就像他们在iOS 10.3中做的那样。
我已经开发了一个小型测试应用程序，它展示了我的bug并将其作为bug报告上传。它看起来是如此的破
浏览 6提问于2017-07-25得票数 5
回答已采纳
我在使用Flexbox时有一种不同寻常的方法，它是"12列“的设计，所有的工作都很好，例外的是flex元素之间的空格，它们在行中包装和对齐时看起来不同。如何解决这个问题？
我玩边际游戏，但它没有帮助：
margin: 1% 1% 1% 1%; ???????
更新：
这种Flexbox的想法如下：
如果有一个大屏幕“桌面/平板”，即最小屏幕宽度841px - do FLEX in 12列不同宽度系统，对于其余的“移动/小屏幕”，即屏幕宽度<841px，则将包装器(行)放入一个全屏幕宽度的行-一个接一个。
这工作很好，非常灵活的网页设计和放置元素在任何你想要的地方
浏览 3提问于2021-03-16得票数 1
3回答
我使用的是带全局导航条的引导带，固定在页面主体的顶部。
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".
浏览 4提问于2013-01-25得票数 12
1回答
我想在我的网站上实现1140网格。布局非常简单：
100% header
25% sidebar 75% page
100% footer
另请参阅
问题是，当站点处于移动视图时，我想要更改堆栈顺序：
100% header
100% page
100% sidebar
100% footer
但是，默认情况下，它会按照源代码中显示的顺序排列这些块:页眉、边栏、页面、页脚。
有没有一个简单的只有css的解决方案？
浏览 0提问于2012-08-29得票数 1
1回答
在我的gridView中有膨胀的垂直线性布局。当我只显示垂直布局元素时，布局的两个图像之间没有空间。
但是当我显示网格时，在每个网格框中，两个网格线之间和我的两个图像之间都有一个间隔。
我怎样才能去掉这些空间？
这里是我的主要布局，其中包含了我的网格：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="
浏览 3提问于2011-02-13得票数 0
回答已采纳
2回答
我在水平列表单元格中定位和居中圆形形状时遇到问题。 我有一个课程给我的皮肤： .user-logo {
background-color: #4CAF50;
border: none;
border-radius: 50%;
height: 50px;
width: 50px;
text-align: center;
} 和列表的类： .navbar-list {
@extend ul;
height: $navbar-height;
float: right;
li {
float:lef
浏览 31提问于2020-01-25得票数 0
回答已采纳
我怀念WPF中的HTML-cellspacing。我正试图在WPF的网格中实现一些类似的东西，方法是创建一个自定义的网格类，覆盖网格，然后修改MeasureOverride和ArrangeOverride以获得我想要的行为。这就是网格中的每个单元格应该与其他单元格具有固定的间距(而不是填充)。如何做到这一点呢？
浏览 2提问于2011-04-27得票数 5
回答已采纳
1回答
我使用带有“工作空间边距”的XFCE 4.12。如果您在屏幕的边缘有一个工具栏，并且您希望窗口自动调整大小以考虑到该工具栏，则需要边距。
工作区边距将显示器视为一个大屏幕。因此，如果您的显示器尺寸不同(您有一台笔记本电脑，并且正在使用另一台显示器)，则两个屏幕上的边距都不会受到重视。
对此最好的解决方法是什么？
浏览 17提问于2020-05-24得票数 1
我有一个C# WinRT应用程序。我有一排缩略图。当用户按下并持有缩略图时，我想要“弹出”一个网格，它充当缩略图所在位置的上下文菜单。除了网格在目标缩略图上的位置外，我所有的东西都在工作。在WinForms中，使用顶层/Left属性非常简单，但是这些属性或类似的属性似乎并不存在于WinRT中。
我可以通过HoldRoutingEventArgs访问目标图像对象，也可以通过XAML访问网格，因为它在一开始就存在，但透明度为0%。我甚至将属于目标图像对象的Rect结构保存到了我的ViewModel中的Rect属性中，希望通过数据绑定实现这一点。我只是不知道如何将Grid移动到所需的位置。我该怎么做
浏览 0提问于2014-02-05得票数 0
回答已采纳
1回答
在icon-div中间移动图标
、、、、
我有下面的图标-div。我想要的是在div的中间对齐元素，如线框所示。我该怎么做才能做到这一点。
HTML：
<div class="icons_div">
<div class="row bg-secondary">
<div class="col-sm-2">
<div class="icon">
<i class="fa fa-circle"> </i>
浏览 22提问于2018-01-26得票数 0
1回答
我为我目前所在的公司设计了一个新的工资单格式，我使用PHP和HTML，打印时它应该是每页3列。在pageview上查看时还不错，但当我尝试打印它时，第三列向下缩进(-_)< --就像这样。
。
我希望有人能帮我解决这个问题。
浏览 0提问于2018-10-04得票数 0
1回答
带有填充的HTML
、、、
我事先表示歉意，因为我相信这是相当简单的，但前端不是我的领域！我有一个html文档我有问题。总的结构如下：
<div style="padding-bottom: 1cm;">
<h4>Digital</h4>
<h5 style="text-align: left;">Data Table:</h5>
<table>
<!-- the rest of the table here -->
</table>
</div>
浏览 2提问于2022-06-18得票数 0
2回答
有关现场演示，请访问我的网站@ 。请务必查看主页、项目页面和评论页面。这些页面中的每个页面都有相同的侧栏，但应用了不同的样式。这是为了向你展示我已经尝试了什么，以及它导致的问题。
我正在制作一个网站，其中有一个侧栏的左边和主要内容的右边。我遇到的问题是关于侧边栏的。我让它漂浮在左边，这是很好的，直到我放大网页，突然边栏移动的位置，这破坏了整个布局。我尝试通过将侧边栏的位置设置为绝对，将容器的位置设置为相对来解决此问题。现在，这解决了缩放问题，因为当我现在放大时，它保持在相同的位置。但是，由于位置现在是绝对的，页面不会自动变长以容纳侧边栏。我目前使用的临时解决方案是绝对定位侧边栏以解决缩放问题，
浏览 2提问于2012-12-21得票数 0
回答已采纳
1回答
我正在尝试做一个简单的网格式网页，其中有8个DIVs跨越9个位置。
我已经使用Bootstrap的网格系统为网站的另一部分做了以下工作，没有遇到任何问题
(不是实际内容，只是使用Photoshop的模型)
我想做的是：
请记住，当在移动设备中查看站点时，元素的顺序必须或多或少保持不变。还必须使用Bootstrap标准页边距/填充
理想情况下，这应该是固定高度的DIVs，我将在其中放置一个图像或一些文本，具体取决于哪一个。双倍高的那个将包含一张图片
<div class="wrapper" id="mypage">
<
浏览 1提问于2015-05-10得票数 1
2回答
我想做一个水平导航栏，里面有三个透明的小盒子。该栏将在我的页面标题下居中。我不能让箱子或桌子水平或居中。 正如我所说的，我已经尝试过做表格，盒子和表格单元。到目前为止，还没有人解决这个问题。我已经检查了和的宽度没有干扰元素。 这是CSS nav{
background-color: rgba(0, 0, 0, 0.26);
height: 70px;
width: 1200px;
margin-left: auto;
margin-right: auto;
}
nav ul li{
list-style-type: none;
float: left;
}
li a {
text-dec
浏览 20提问于2019-05-09得票数 0
1回答
如何用元素垂直阻塞列？
、、、、
我有问题，封锁整个屏幕的高度。我做了这个导航条，希望它看起来像是“浮动”在页面上，通过在ist周围添加一些空白，所以它没有触及屏幕的边框。使用height: 100%道具将无法工作，bc i的边距将不会被附加在屏幕的底部--首先，它会一直向下滚动，直到边距被添加，+下面的内容不会出现在右边，但是在侧栏->下面会看到图像。
因此，我基本上希望这个东西在一个垂直的div元素中，例如，下一个元素将在导航栏的右边(现在文本"TEST“仍然在navbar下面)。我也在使用TailwindCSS，这些是我的类，这些类附加在导航条的包装div上：
import SidebarHeader fr
浏览 12提问于2022-04-04得票数 0
我正试着做一个推特克隆人来练习。我需要在左边的图像和右边的图标上添加一些空白。这是现在的标题。
我试过的密码：
<BottomTab.Screen
name="Home"
component={TabOneScreen}
options={({ navigation }: RootTabScreenProps<"TabOne">) => ({
headerRightContainerStyle: {
marginRight: 10,
},
tabBarIcon: ({ color
浏览 1提问于2021-10-14得票数 0
回答已采纳
1回答
以上品牌导航引导3
、、、
我已经很久没有做过任何网络项目了，更长时间以来，我已经从零开始构建了一些东西，所以我对CSS网格系统非常陌生，比如Bootstrap 3中包含的那个。我正在构建一个网站，也许最大的挑战是学会从移动第一网格系统的角度思考。
我正在开发一个标题，它的工作方式与网站上的标题非常相似，或者说它是固定宽度的，在中型和大型设备的导航栏上有一个站点标识(图像)。在中间，导航条折叠并移动到同一行(在最左边)，搜索图标移动到同一行的极右。所以，想象一下：
中型/大型设备：
BRANDING
NAVBAR - SEARCH
小型/特制小型设备：
NAVBAR(COLLAPSED) - BRANDING -
浏览 1提问于2016-05-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
