CSS、express和bootstrap :溢出和边距错误
CSS（层叠样式表）是一种用于描述网页上元素样式的标记语言。它可以控制网页的布局、字体、颜色、背景等方面的样式。CSS具有以下特点：
- 分离性：CSS可以将网页的内容和样式分离，使得网页结构更清晰，易于维护和修改。
- 层叠性：当多个CSS规则应用于同一个元素时，可以通过层叠规则来确定最终的样式。
- 继承性：子元素可以继承父元素的某些样式属性，减少了重复的代码。
溢出（Overflow）是CSS中一个用于处理元素内容超出容器大小时的属性。常见的溢出属性有：
- overflow-x：控制元素在水平方向上的溢出处理，可取值为auto（自动滚动条）、hidden（隐藏溢出内容）、scroll（始终显示滚动条）和visible（显示溢出内容）。
- overflow-y：控制元素在垂直方向上的溢出处理，可取值同overflow-x。
边距错误（Margin Error）是指在布局中设置的边距（margin）不正确或不符合预期的情况。常见的边距错误包括：
- 相邻元素的边距重叠：当相邻的两个元素都设置了边距时，它们的边距可能会重叠，导致实际的边距值小于预期。
- 使用负边距：负边距可以用于调整元素的位置，但如果使用不当，可能会导致元素的布局错乱或重叠。
- 忽略了盒模型：在计算元素的宽度和高度时，需要考虑到边距的影响，否则可能导致元素的尺寸不符合预期。
Express是一个基于Node.js的Web应用程序框架，它提供了一组简洁、灵活的工具和中间件，用于构建Web应用程序和API。Express具有以下特点：
- 快速而简洁：Express提供了简洁的API和灵活的路由系统，使得开发Web应用程序变得更加高效和简单。
- 中间件支持：Express支持使用中间件来处理请求和响应，可以方便地实现各种功能，如身份验证、日志记录等。
- 扩展性：Express提供了丰富的插件和扩展机制，可以根据需求灵活地扩展和定制应用程序。
Bootstrap是一个流行的前端开发框架，它提供了一套用于快速构建响应式网页和Web应用程序的CSS和JavaScript组件。Bootstrap具有以下特点：
- 响应式设计：Bootstrap提供了响应式的网格系统和组件，可以根据设备的屏幕大小自动调整布局和样式，适应不同的设备。
- 组件丰富：Bootstrap提供了大量的UI组件，如导航栏、按钮、表单、模态框等，可以快速构建出美观、功能完善的界面。
- 跨浏览器兼容：Bootstrap经过了广泛的测试，可以在各种现代浏览器上良好地兼容和展示。
对于溢出和边距错误的处理，可以通过以下方式进行修复：
- 溢出处理：根据实际需求选择合适的溢出属性，如使用overflow: hidden隐藏溢出内容，或使用overflow: auto添加滚动条等。
- 边距重叠：可以使用CSS的clear属性来清除相邻元素的边距重叠，或者使用padding来代替margin实现布局。
- 负边距问题：避免过度使用负边距，确保负边距的使用是必要的，并且不会导致布局错乱。
- 盒模型计算：在计算元素的宽度和高度时，要考虑到边距的影响，可以使用box-sizing属性来控制盒模型的计算方式。
腾讯云提供了一系列与CSS、Express和Bootstrap相关的产品和服务，以下是其中一些推荐的产品和产品介绍链接地址：
- CSS相关产品：腾讯云CDN（内容分发网络）服务，详情请参考：https://cloud.tencent.com/product/cdn
- Express相关产品：腾讯云Serverless Cloud Function（SCF）服务，详情请参考：https://cloud.tencent.com/product/scf
- Bootstrap相关产品：腾讯云Web+静态网站托管服务，详情请参考：https://cloud.tencent.com/product/tcb
相关·内容
6回答
在下面的代码中，我注意到最后一行溢出父容器。我尝试过使用overflow: auto;，但这增加了滚动条。我怎样才能避免溢出？
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.2/css/bootstrap.min.css">
<style>
#a { height: 33%}
#b { height: 17%}
#c { height: 50%}
</style>
浏览 1提问于2018-08-13得票数 5
回答已采纳
1回答
index.html
<html>
<head>
<title>My Personal Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bo
浏览 3提问于2015-09-12得票数 0
回答已采纳
1回答
空白和标题未显示
、、、
我的身体和浏览器顶部之间有大约20个像素的间距。我似乎不能创建一个删除这个和创建一个0的距离。另外，我的标题没有显示出来。我似乎不知道是什么导致了这一切。
css：
html, body {
width: 100%;
height: 100%;
margin: 0;
}
.background {
background-color:#b0a0e6;
}
.wrapper {
background-color: grey;
height: 100%;
width: 75%;
margin-left: auto;
marg
浏览 4提问于2014-04-30得票数 0
回答已采纳
这个有2 fixes...which对我来说真的很奇怪。
1:如果我删除标签#页边距-30和删除标签#Nav-栏下的边距-3，它修正了自己，当我重新应用上述标签。
2:如果我加溢出:隐藏；
问题是，有没有人能帮助我找到发生这种情况的原因，就像.我从来没有在任何以前的项目或学习css的经验中有过这样的经历。
浏览 4提问于2021-05-09得票数 0
回答已采纳
1回答
无论我怎么尝试，在div和屏幕的顶部/右侧/左侧之间仍然有一个可见的边距。
<!DOCTYPE html>
<html>
<head>
<title>Test2</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWo
浏览 2提问于2018-01-12得票数 1
回答已采纳
1回答
我正在添加一个页脚到我的网站。当我添加它时，它会使网站在x轴上溢出。删除.row中的15 in边距不是一个选项，因为我必须重新执行所有css
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<l
浏览 2提问于2019-04-25得票数 2
回答已采纳
到目前为止，在我使用的所有UI (bootstrap和material)中，css重置总是包含在新项目中，选择的是primeng with primeflex，据我所见，primeflex没有重置。包含默认css重置文件(如bootstrap )或使用可用类的最佳实践是什么？例如 有了一个重置文件，我可以使用 h1 class="mb-3“ 不带 h1 class="mt-0 mb-3“ 我真的不知道为什么重置文件不是默认的^^这是我第一次使用primeng，所以请耐心等待:)
浏览 18提问于2021-08-31得票数 0
回答已采纳
2回答
.row {background-color: pink;}
h1 {background-color: cyan;}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class='container'>
<div class='row'>
<h1>China</h1>
</div>
浏览 6提问于2017-08-06得票数 0
回答已采纳
2回答
我试图对齐这4个元素，但它们没有正确对齐。我使用的是bootstrap。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="http
浏览 3提问于2017-09-26得票数 0
1回答
我想知道是否有人能帮我解决这个问题：
正如你所看到的，图像在滚动中相互溢出！
那么我该如何对我的图像使用这种效果呢？
有没有教程链接或插件？
这是我目前为止的代码(html和css)：
.gallery-img-parent {
max-height: 200px;
padding-top: 32px;
position: relative;
}
.gallery-img-double {
width: 100%;
max-height: 84px !important;
}
.gallery-double-child {
positi
浏览 0提问于2018-04-05得票数 0
1回答
CSS溢出的属性
、、
我有两个问题，或者更确切地说，我需要澄清有关CSS溢出的问题，property..It说
具有非可见值的溢出值的框将垂直展开，以包含所有浮动的子框。
另外关于利润率，据说
对于非可见溢出值的框，边距永远不会折叠。
请您解释这2点与任何实际使用的same..It将是伟大的，如果你可以包括任何例子来演示同样的。
我的演示在这个；
浏览 3提问于2011-09-06得票数 0
回答已采纳
我有一个问题，在bootstrap站点中，我的行的右边有一个持续的空格，尽管我似乎将所有内容都设置为全角样式(0页边距、容器流体等)。
我开始从我的网站上剥离元素，让它尽可能的简单，看看问题出在哪里。我现在只剩下头部内容、容器流体和一行，但问题仍然存在。
html, body, .container-fluid {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.home {
width: 100%;
height: 100%;
background-image: url("../images/b
浏览 0提问于2016-12-20得票数 1
我是Twitter Bootstrap的新手，正在努力理解一些响应行为/样式。我到处寻找，但要么是我的问题表达得不好，这不是一个常见的问题，要么我只是对显而易见的问题视而不见。
我使用的是网格框架，当我的文档宽度为1200px或刚刚超过1200px时，我看到一些内容溢出到屏幕的左边缘。溢出发生在我从1199到1200的时候。1200以下的布局都没有同样的问题。
-调整输出窗口，直到文档宽度显示为1200
页面的结构如下(全部为非流体)：
container
row
span12
row
span12
据我所知，嵌套行和span12s没有问题(我保证，我有一个很好的理由)，
浏览 0提问于2013-05-29得票数 1
1回答
因此，我正在学习CSS转换和转换，并试图在CodePen中制作一个简单的滑块。基本的想法是，我有一个div在另一个上面，我想第一个滑出第二个当徘徊。它工作良好，没有任何溢出属性，但是一旦我添加了溢出:隐藏在底层的方块上，它就会将上覆的方块向下推下去。为什么会这样呢？
- HTML --
<div class="container">
<div class="shape">
<div class="shape-cover">
</div>
</div>
</
浏览 0提问于2016-03-24得票数 0
回答已采纳
如何在不牺牲宽度的情况下使容器内的内容居中。我可以减少宽度和边距:0自动，但这不是我想要的。
当前表单看起来不在中间，它看起来是左对齐的。从图像的第一个字符到结尾，表单应该显示在页面的中心，这就是我正在尝试做的。
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
&l
浏览 0提问于2018-09-20得票数 1
1回答
我们最近转向webpack购买我们的资产(js，scss，.)到目前为止，一切都进行得很顺利，除了一个小bug，在这个bug中，文件选择器按钮后面的输入标签溢出是邻居，在下面的示例中可以看到这一点。即使使用默认的引导样式(没有任何附加的)，我们仍然会遇到这个bug。
webpack基本应用程序配置：
import "bootstrap/scss/bootstrap.scss";
import "bootstrap-icons/font/bootstrap-icons.css"
// [...]
import "bootstrap"
浏览 7提问于2022-10-19得票数 0
当我比较html文件(在浏览器中)和ejs文件时，页面的边距是不同的。我使用node/express和Bootstrap4。我最初用html构建页面。我希望内容从一侧边缘填充到另一侧边缘，并且我能够使用html页面做到这一点。 html,body {
height: 100%;
width: 100%;
}
{
margin:0;
}
body {
overflow-x: hidden;
} <div>
<div class="row">
<div class="col-lg-12 pl-5
浏览 52提问于2021-03-28得票数 0
回答已采纳
1回答
最近，我在利润率方面遇到了问题，但我无法解决。我的HTML如下所示：
<div class="info-box">Some text</div>
<div class="form">...</div>
CSS：
.info-box{
border-radius: 5px;
border: 1px solid red;
margin-bottom: 20px;
}
.form{
margin-top: 20px;
}
问题是边距相互重叠，而不是给出两个元素之间的40 of距离。
我的
浏览 2提问于2013-02-15得票数 19
我正在尝试使用javascript获取div的高度。我经常看到这个问题的堆叠溢出，并看到了这两个问题的答案。有人说clientHeight，有人说offsetHeight。对于我的项目，我有一个div，里面的内容没有预先设置的css高度。我想用javascript得到它的高度。哪一种更好用？请不要使用JQUERY。谢谢
浏览 0提问于2015-01-21得票数 3
回答已采纳
2回答
在下面的片段中，为什么h2和p边距重叠，而p和button边距不重叠？
我给背景涂上了颜色，所以你可以很明显地看到间隔是不对的，尽管所有三个元素都有相同的边距.
body {
position: relative;
width: 100vw;
height: 100vh;
}
#textContainer {
position: relative;
top: 50%;
transform: translateY(-50%);
}
#textContainer>* {
position: relative;
margin: 15px 0;
bac
浏览 2提问于2017-02-17得票数 4
回答已采纳
2回答
我有一个带有少量容器的基本HTML index.html，我将引导和字体的文件夹添加到文件的<head>部分。例如：
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css"
浏览 2提问于2013-08-07得票数 4
回答已采纳
2回答
查找边框来自何处
、、、
我正在使用Twitter Bootstrap在PhoneGap上创建一个布局。
with为768px；
我有一个简单的HTML：
<div class="container">
<div class="span12" style="background: red;">
<img src="img/teste.png">
</div>
</div>
我已经放置了红色背景，只是为了检查宽度是否正常。这是768px的图像；
这就是我添加图片时的左边距：
我已经检查了
浏览 0提问于2012-04-18得票数 0
回答已采纳
2回答
如何删除下边距
、、
我是第一次练习bootstrap，遇到了一个相当大的问题。这里，我在导航栏的顶部和底部添加了两条水平线。我在导航栏和金色水平线之间的底部有一个意想不到的空白处。<div style="height:10px; background: rgb(228, 240, 1)"></div>这一个。请帮帮忙。 <html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport
浏览 31提问于2021-05-01得票数 1
我有一个包含多个跨度的div。每个跨度都有填充和背景色，以将其与其他的分隔开来。问题是，当跨度溢出到下一行时，不同行上的跨距重叠。我已经尝试分配顶部和底部的页边距，但它们被忽略了。我如何在两个跨度之间设置一个间隔？
html：
<div class='container-div'>
<span class='item'>foo</span>
<span class='item'>blah blah</span>
<span class='item'>
浏览 1提问于2015-09-10得票数 3
回答已采纳
1回答
引导容器内的水平滚动(但在外部)
、、、、
我用的是引导4，我有一个容器。在这里面，我有一个水平滚动区，里面有卡片。我希望这些卡可以在集装箱区域外看到，当滚动或如果卡超过容器。
我试图将溢出从滚动更改为可见，但如果这样做，我就失去了水平滚动的能力。我试着改变div的位置，无论我做什么，我都无法从滚动区域中获取内容，使其在容器外可见，但仍然可以滚动。
是否有CSS方法或任何JS方法来做到这一点？
var root = document.documentElement;
const lists = document.querySelectorAll('.hs');
lists.forEach(el => {
浏览 2提问于2020-01-08得票数 2
1回答
使sharepoint站点响应
、、、、
我有一个关于使sharepoint站点响应性的问题。我想知道在CSS3媒体查询和twitter bootstrap3之间考虑哪一种更好，或者还有其他方法。我了解到Bootstrap并不适合在SharePoint中使用，因为它覆盖了SharePoint样式，这就产生了一些特性。请让我知道你的想法和投入。
浏览 2提问于2016-02-10得票数 0
回答已采纳
1回答
我正在创建一个具有HTML、CSS和Bootstrap的响应控制面板，我创建了一个导航头，但是它与身体的其他部分有很大的间隔，我如何删除这些div之间的空间呢？或者如何使元素具有空白0？
我把身体留在了黑色的地方，所以我的想法是加入div并移除它们之间的黑色。
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Sibcom - Layout</title>
<meta charset="utf-8">
<!-- ==
浏览 0提问于2018-01-22得票数 1
1回答
折叠时引导导航条不正确
、、、、
所以我改变了css，使导航条的高度与徽标的高度相匹配。它工作得很好，但是当我将它折叠到移动视图时，有一条线在困扰着我，看看这张图片：
这是正常的destop版本：
这是折叠移动视图：
当我按下汉堡菜单时，这是折叠的移动视图。--这就是问题所在，灰色线不在：
这是我的html：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title> Mobtech </title>
浏览 1提问于2016-11-20得票数 0
1回答
从浏览器窗口溢出的旋转文本
、、、、
我有一个旋转的标题在流体布局网站内的问题:我想让这个标题调整根据浏览器窗口的高度。然而，现在，当我调整窗口大小时，文本的顶部会溢出并隐藏起来。
我发现，这可能与视口和新的“移动优先”的引导3的方法有关，但我实在是瞎了眼。同时，应用overflow : hidden属性，但没有成功。
下面是HTML：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content=&#
浏览 3提问于2014-01-05得票数 0
回答已采纳
2回答
大家好，我正在用bootstrap构建一个php网页，我在我身体的顶部，右边和左边都有边距。在问题之后，我下载了notepad++，并在没有物料清单的情况下转换为utf-8，但页边距仍然在那里。
这是我的css文件
.texts{
color: white;
}
.mainbody{
margin-top: 0;
max-width: 1200px;
}
.banner{
height : 600px;
width : 100%;
max-width:100%;
background-image: url("restrooms.jp
浏览 28提问于2017-01-29得票数 0
我想在我的html页面的左边添加一个页边距。我正在使用Twitter Bootstrap。
在我的html头中，我有以下几行；
<script src="misc/ui-bootstrap-tpls-0.11.0.min.js"></script>
<link href="misc/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="owncss/own.css" rel="styl
浏览 0提问于2014-12-23得票数 1
1回答
所以我试着让我的头部变成一种纯色的栗色，但上面似乎有空白。看起来真的很丑。另一个堆叠溢出成员告诉我把身体设置为边距:0px；它在他给我的弹琴中起作用，但是当我把它应用到我的网站上时，它就没有了。如果有帮助的话，我使用xampp和Mozilla作为浏览器。
我该怎么解决这个问题？试图操纵标题和东西，但没有结果。
/* bootstrap 3 helpers */
.navbar-form input,
.form-inline input {
width: auto;
position: absolute;
}
#nav.affix {
position: fixed
浏览 3提问于2014-12-11得票数 1
回答已采纳
为什么在我读取bootstrap3css时，您要更改浏览器由jQuery偏移方法返回的值？
jQuery偏移方法返回的浏览器变为point的值。
哪个是对的？
怎么匹配呢？
Chrome
44.0.2403.157米
不读取bootstrap3css
<style>
svg {
border: 1px solid #ddd;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
浏览 0提问于2015-08-25得票数 0
1回答
我正在制作一个受美国宪法启发的网页，我遇到了一个奇怪的CSS问题。下面是相关部分的内容：
这是我的HTML：
<span id="we-the-people" class="ui image">
<img src="/images/we-the-people.png">
</span>
<span id="preamble">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah
浏览 3提问于2017-09-14得票数 0
回答已采纳
2回答
我试图使下面的图像适合整个div，这意味着背景图像应该占据整个空间，而我不应该看到绿色。不幸的是，我找不到一个办法。
#imagecontainer {
background: url("http://3.bp.blogspot.com/_EqZzf-l7OCg/TNmdtcyGBZI/AAAAAAAAAD8/KD5Y23c24go/s1600/homer-simpson-1280x1024.jpg") no-repeat;
border: 1px solid;
background-size: cover;
}
<link href="https
浏览 1提问于2017-05-09得票数 2
首先，我的FE技能非常基础，所以如果这是一个愚蠢的问题，很抱歉…
我正在尝试创建一个基本的博客页面，但我在内容div和帖子链接div的布局上遇到了问题。我希望它们是并排浮动的，这样它们彼此之间、两边和页眉/页脚之间就会有一个边距。
我正在使用react-bootstrap来实现这一点，它在某种程度上是有效的，但是我搞不懂为什么内容div没有从顶部开始的空白处，而侧边栏div却有。
这是我的网站： (忽略我刚开始的丑陋的颜色和字体:)
这是包含两个div的组件：
const PostsTab = () => (
<div className="post-tab"
浏览 14提问于2017-07-16得票数 0
回答已采纳
2回答
完全删除<div>溢出
、、、
当使用overflow: hidden时，它就是这样做的。我是不是真的可以移除溢出？例如，如果您隐藏了一个div的溢出，然后将另一个div直接放在它的下面，溢出将阻止第二个div正好位于第一个div的正下方，它将在隐藏的溢出所在的地方有一个空白空间。您可以在我的示例JSFiddle中看到这一点：
HTML：
<div id="id1">
<p>This is text</p>
<p>This is more text</p>
</div>
<div id="id2"&g
浏览 1提问于2013-06-16得票数 2
我正在尝试使用React Bootstrap创建一个简单的导航栏： import React from 'react';
import { NavLink } from 'react-router-dom';
import Navbar from 'react-bootstrap/Navbar';
import Nav from 'react-bootstrap/Nav';
import Container from 'react-bootstrap/Container';
import './Navba
浏览 37提问于2021-07-19得票数 0
我正在尝试使用Bootstrap 4创建一个表单。但是文件输入的标签溢出了该列。我找不到一种方法把它放在专栏里。有没有一种自举方式或定制的css可以实现这一点？ 编辑:很抱歉我的问题没有得到很好的解释。我所说的标签是指文件输入中的标签。三军情报局“选择文件...”。可以看到，图像中的文件输入在右侧溢出。它与其他输入字段不对齐。 ? <div class="form-group row">
<label for="image-upload" class="col-sm-3 col-form-label">
浏览 19提问于2019-01-09得票数 0
回答已采纳
认真学习CSS，有点迷惑。
我在div中有一张表。
.bigdiv {
background-color: red;
padding: 10px;
}
table {
background-color: aquamarine;
margin-left: 300px;
margin-bottom: 100px;
padding: 10px;
}
<div class="bigdiv">
<table>
<tr>
<td>foo</td>
</tr>
浏览 0提问于2018-06-15得票数 2
因此，在我的.container中，我看到<div>的顶部和底部都有1px填充，它来自于我的RoR项目中包含的Bootstrap。即使是创可贴解决方案也是可取的。
Bootstrap中匹配这些:before和:after选择器的css如下所示：
media="all"
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
media="all"
.container:before,
浏览 0提问于2015-01-17得票数 1
5回答
当我们使用bootstrap创建网页时，我们可以设置页边距。但网络浏览器也获得了一些利润。尽管根据CSS文件中的容器，以div(class="container-fluid")或margin:0; and padding:0;形式编写代码，但我无法解决这个问题。你能帮帮我吗?
浏览 0提问于2017-06-25得票数 4
1回答
我添加了bootstrap.min.css文件(v3.3.5)，用于在某些页面中启用引导布局。但是在其中一个页面中，我没有使用任何引导布局；我只是在它的子页面上使用了一个div。我已经动态地为div设置了100%的宽度。但是，当使用jQuery方法将宽度设置为100%时，相应的div元素的内联样式自动更改为102%。此问题仅在我为特定div启用边界时才会发生。你能给我建议如何克服这个问题吗？我将张贴我的HTML代码和jQuery方法设置宽度。
<div id="parent" style="height:200px; border:1px solid blac
浏览 2提问于2016-04-19得票数 1
回答已采纳
考虑下面的示例
我只是想让文本区域占据整个面板的高度，而这个面板占据整个页面。然而，由于某种原因，它溢出了。为什么会这样呢？
<html>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
<style>
body, html{
box-sizing: content-box;
background-color:#eeeeee;
height:100
浏览 1提问于2014-11-07得票数 0
3回答
body {
font-family: 'Ubuntu', sans-serif;
background: #0d0d0d;
}
body a {
color: #fff;
}
body a:hover {
color: #fff;
}
@media (min-width: 1500px) {
.container {
width: 1470px !important;
}
}
nav {
background: #1c1c1c !important;
margin-bottom: 50px;
}
.toper {
pa
浏览 3提问于2017-07-13得票数 0
回答已采纳
1回答
我正在建立一个使用HTML和CSS的示例网页。我也在用靴带。我注意到在链接引导CSS之前和链接引导CSS之后页面输出的不同。
下面是我的代码和输出：
在添加Bootstrap之前
在添加Bootstrap之后
在添加引导之前，菜单栏似乎是从边距中出来的，但是添加了引导带之后，菜单栏明显地附着在边距上。为什么会发生这种情况？Bootstrap中的哪些属性使此更改发生？
下面是我的代码：
index.html :
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>Server
浏览 1提问于2015-11-15得票数 0
我已经离开HTML和CSS很久了，找不到解决这个简单问题的方法。 我把一个div放在另一个里面。外黑色和内橙色。 ? 我的HTML和CSS是： #outer {
position: fixed;
width: 30%;
height: 30%;
background-color: black;
}
#inner {
width: 100%;
height: 100%;
margin: 5px;
background-color: orange;
} <div id="outer">
<div id="i
浏览 268提问于2016-05-28得票数 7
回答已采纳
我想创建一个响应式的网站，这将有左侧的标志，一个横幅，然后内容。但问题是徽标、横幅和内容的左右边距没有得到相等的空间。
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<div class="container-fluid">
<img src="http://placehold.it/150x150" />
</div>
浏览 0提问于2017-02-08得票数 1
1回答
我正在尝试用引导5垂直对齐div中的flex项。我尝试过多种方法，但没有任何结果。我创建了一个Stack代码片段，它完全复制了我的问题。我猜想在css中我可以做一些非常容易的事情来修复它，但是到目前为止，我没有发现任何似乎有帮助的东西。它总是希望在div的上半部分对齐内容。
.like-and-comment{
display: flex;
justify-content: space-around;
border-bottom: 1px solid black;
border-top: 1px solid black;
}
.like-and-commen
浏览 4提问于2022-01-29得票数 0
回答已采纳
我下载了一个Bootstrap4示例模板，它每行加载"bootstrap.min.css“：
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
现在，我有以下代码，我想对其进行格式更改：
<h1 class="mb-5">I want to change formatting for this part</h1>
如果我看一下"bootstrap.min.css“文件，我会看到在"h1”头中指示的对
浏览 1提问于2018-08-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
