如何使用CSS或Bootstrap为元素设置绝对页边距？
为了使用CSS或Bootstrap为元素设置绝对页边距，可以按照以下步骤进行操作：
- 使用CSS设置绝对页边距：
- 首先，为需要设置页边距的元素添加一个CSS类或选择器。
- 使用
position: absolute;属性将元素的定位设置为绝对定位。 - 使用
top、right、bottom、left属性设置相应的页边距值。例如，top: 20px;表示上边距为20像素。 - 通过调整这些属性的值来实现所需的页边距效果。
- 使用Bootstrap设置绝对页边距：
- 在HTML中引入Bootstrap框架的CSS文件。
- 为需要设置页边距的元素添加一个CSS类。
- 使用Bootstrap提供的页边距类来设置相应的页边距。例如，
mt-3表示上边距为3个间距单位，ml-2表示左边距为2个间距单位。 - 根据需要，可以使用不同的页边距类组合实现多个方向的页边距效果。
CSS和Bootstrap都提供了灵活的方式来设置元素的绝对页边距，可以根据具体需求选择使用其中一种方法。
腾讯云相关产品和产品介绍链接地址： 腾讯云提供了云服务器、云数据库、云存储等多种云计算产品，适用于不同的业务场景。您可以访问腾讯云官方网站了解更多产品和详细信息。
注意：根据要求，本回答不能提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等品牌商信息，因此无法提供相关链接地址。
相关·内容
5回答
当我们使用bootstrap创建网页时，我们可以设置页边距。但网络浏览器也获得了一些利润。尽管根据CSS文件中的容器，以div(class="container-fluid")或margin:0; and padding:0;形式编写代码，但我无法解决这个问题。你能帮帮我吗?
浏览 0提问于2017-06-25得票数 4
4回答
我试着用margin bottom来定位一个div元素。由于某些原因，页边距-底部似乎不会影响元素的位置。我试着寻找答案，尽管所有的答案都与position:absolute有关，但我仍然无法让它工作。
然而，我确实设法使用了负的页边距顶部来定位它，但我仍然很好奇是什么原因导致它无法工作。
这是显示超文本标记语言/CSS的。
(我所说的是图像。边距-底部设置为100px。)
浏览 2提问于2012-06-15得票数 1
回答已采纳
2回答
我试图编辑一个引导按钮，并在类.btn中添加一个10 am的页边距。但是，我的编辑正在加载。如果我通过内联-html(前。Style=“利润率-底部:10 to”)它可以工作，但我更愿意坚持最佳的编码实践，而不是那样做。我们将非常感谢你的帮助。
CSS
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.btn {
margin-bottom: 10px;
}
HTML
{% block styles %}
{{ super() }}
<link rel="stylesheet" href="
浏览 10提问于2022-10-25得票数 0
回答已采纳
7回答
我的css边距不是我想要的那样，也不是我期望的那样。我看起来像我的页眉边距-顶部影响周围的div标签。
，这是我想要的，也是我所期望的：
，...but，这就是我最后得到的：
资料来源：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Margin test</title>
<style type="text/css">
body {
margin:0;
}
#page {
ma
浏览 4提问于2012-11-26得票数 200
回答已采纳
我想更清楚地理解css边距是如何与div和子内容一起工作的。
如果我试试这个..。
<div style="clear: both; margin-top: 2em;">
<input type="submit" value="Save" />
</div>
...the保存按钮对用户角色是正确的(边距失败)：
如果我把它改成这个..。
<div style="clear: both;">
<input style="margin-top: 2em
浏览 7提问于2010-03-07得票数 5
回答已采纳
我有权得出结论，CSS页边距(例如，页边距-左)会影响绝对位置元素的最终位置吗？它似乎是一个负边距--向左拉它到左边(它的绝对位置)，一个正值到右边(它的绝对位置)。
有人能给我解释一下绝对定位元素和边距的组合吗？
谢谢。
浏览 0提问于2014-06-24得票数 1
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回答
我正在使用mpdf来转换html页面。我添加了如下代码。 $html=$this->load->view('client_admin/test_poepdf',$data, true);
$pdfFilePath ="Test_".$task_id.'_'.$startdate.'.pdf';
$pdf = $this->m_pdf->load();
$stylesheet ='';
$stylesheet
浏览 42提问于2020-04-15得票数 1
<div id="title">
<h1>
Title
</h1>
</div>
我知道有一些默认的页边距以及h1标签。当我使用chrome dev工具检查它时，我发现div部件比h1部件小( h1的高亮区域比div大)。看起来div没有包含h1的边际，谁能告诉我为什么？
浏览 5提问于2013-05-06得票数 3
回答已采纳
这个有2 fixes...which对我来说真的很奇怪。
1:如果我删除标签#页边距-30和删除标签#Nav-栏下的边距-3，它修正了自己，当我重新应用上述标签。
2:如果我加溢出:隐藏；
问题是，有没有人能帮助我找到发生这种情况的原因，就像.我从来没有在任何以前的项目或学习css的经验中有过这样的经历。
浏览 4提问于2021-05-09得票数 0
回答已采纳
2回答
我在使用Bootstrap的汉堡包菜单上遇到了一个奇怪的问题。它正在向右伸展，我不知道为什么。它在附加的代码片段编辑器中看起来很好，我的图片如下所示。你知道这是什么原因造成的吗？
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJR
浏览 0提问于2017-04-05得票数 1
1回答
避免第一页印刷的页边距
、、、
我在尽量避免第一页的页边。所有的表格(有很多)都很适合一页。但第一种是有差距的。
我试过很多种方法。是否有一种使用CSS来避免首页页边距的方法？我试过身体，html，页面.
我找了很多东西。但我找不到解决办法。我想创建一个元素并将其放在第一页。
我的页面有很多表格。每页一张。但由于页边的原因，第一页是合身的。
@media print {
@page {
margin: 0mm;
size: auto;
padding: 0;
}
@page:first {
margin: 0px;
color
浏览 4提问于2017-10-04得票数 0
回答已采纳
另一个相当简单的问题，结果却是一个相当麻烦的问题。如果我在做/错过了一些愚蠢的事情，那就随便告诉我吧:)
解释：
我有一个网站正在进行(一个学校的项目)，我正试图在每一页的右边得到一个“新闻专栏”。我已经成功地创建了它，但是在一个页面上它受到了另一个元素的边距的影响。请看以下内容：
--这是限制新闻专栏进入这一位置的右边空白。
--这是完整的新闻专栏(目前，数据可以添加到数据库中)。
我要让新闻专栏站在它旁边。
我当前的CSS:
希望有人能帮忙，
杰克
浏览 0提问于2016-04-04得票数 1
我想把div(输入表单)放在响应式的背景上。
我使用Bootstrap 3作为页面模板。但是，如果我调整窗口大小或使用其他屏幕大小，则元素位于另一个位置。我如何解决这个常见的问题？
示例：
谢谢!
浏览 0提问于2014-05-18得票数 3
3回答
好吧，这是个奇怪的问题。我有两个页面，它们略有不同，但它们共享几个相同的元素(基本上是两个图像)。
这些图像都是由相同的CSS样式表控制的，然而，它们在第二个页面上似乎都低了20-30像素。
第二个页面是不同的，因为它在使用PHP声明之前使用了。不过，正如稍后所说，我不认为这是问题所在。
要查看这一效果，请连续查看这两个页面：和。
为了澄清，我已经看过很多可能的答案了。似乎不是我的情况，因为我没有在这些页面上使用表。
以下是我尝试过的：
检查代码中的空格。但是，如果您查看这两个页面的源代码，您实际上会注意到，第二个有问题的页面在其Doctype声明之前在顶部少了一行空白。
从第二页中删
浏览 5提问于2012-04-12得票数 4
回答已采纳
我正在对一个页面(不是同一个域)进行iframe，将iframe定位到页面的特定元素(移动页边距顶部)，然后使用scale的css特性缩放到该元素。
我使用下面的代码来完成：
iframe {
-webkit-transform: scale(40.75);
margin-top: -2525px;
}
但是，当我尝试在不同于测试页面的移动设备上查看页面时，我得到了不同的结果。
有没有一种方法可以在不同的移动设备上显示相同的iframe点，而不需要更改每个设备的每个边距？
浏览 2提问于2016-06-14得票数 0
我正在尝试创建没有按钮标签的锚标签按钮，我正在为此编写css，但它不带页边距顶部。我的css代码是：
.btn{
background: #881f00;
color: #FFF;
padding: 5px 12px;
text-transform: uppercase;
margin-top:20px;
}
上面的代码定义了页边距，顶部可以在下面的html代码中使用按钮标记：
<button class="btn"><a href="#" class="btn">
浏览 5提问于2017-12-20得票数 1
回答已采纳
3回答
我给了两个div内边栏div 20便士的保证金。但出于某种原因，两家公司之间的差距只有20%，应该是40%。20便士来自box1，20便士来自box2。我是不是错过了一些小事。请指出。
Fiddle:
HTML:
<div class="sidebar">
<div class="box1 common">
<p>Text is here</p>
</div>
<div class="box2 common">
浏览 5提问于2014-06-06得票数 0
回答已采纳
2回答
当我将边距应用于元素而不是扩展其包含的元素时，它会在元素之外创建边距。因此，下面的代码在div的彩色背景之间有一个空格。
这一切为什么要发生？在我看来，扩展包含div的内容似乎更符合逻辑(因此，在代码示例中，没有空白，颜色的“条形图”会更胖)。
有办法用CSS我可以阻止它发生吗？
<div class="one">
<p>Text</p>
</div>
<div class="two">
<p>Text</p>
</div>
<div class=&#
浏览 0提问于2013-11-22得票数 0
回答已采纳
2回答
如果您有一个位于“底部”的div，如下所示：
<div id="box" style="position: absolute;width: 10px;height: 10px;bottom: 0px;"></div>
如果你用‘top’改变位置.
$('#box').css({'top':'0px'});
“底部”css命令发生了什么变化，是什么决定了谁(顶部还是底部)获胜？
我应该在设置顶部的同时取消底部吗？
想法：
$('#box').css({'top'
浏览 1提问于2014-05-25得票数 3
回答已采纳
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
回答已采纳
我在CSS中删除页边距有困难。
我正在MVC .NET项目中工作，并且已经实现了summernote编辑器。它使用以下CSS文件：
summernote.css
font-awesome.css
bootstrap.css
以及MVC应用程序的默认css文件。
我检查了这个页面，它说我在.note-editor类的右边有一个空白。然后，我将div (和类)的边距设置为0，但到目前为止还无法删除它。
以下是我截图的链接(因为我需要10个名誉才能发布图片)：
如果有人能帮忙，我将不胜感激！
浏览 2提问于2015-08-25得票数 1
回答已采纳
在下面的代码中，我试图让h1元素具有上边距。当我在css中将位置设置为内联时，页边距-顶部不显示。但是当我把它改成inline-block的时候，它就发生了。我想知道有没有人能解释一下为什么会这样。谢谢。
编辑:这是jsfiddle中的代码：
这是我的HTML：
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="MyFirstWebsite.css">
<title>
M
浏览 3提问于2013-10-03得票数 11
回答已采纳
我需要使用css定位三个按钮。例如，我目前使用的是left-left: 20%。但是，当我更改浏览器窗口大小时，按钮将从其原始位置移动。
这是我的网站的链接：
其他元素都留在正确的位置，我需要做什么？
谢谢
浏览 3提问于2011-10-26得票数 0
回答已采纳
我只是想知道，是否可以只使用CSS，而不是javascript来设计一个DIV，从而精确地覆盖整个内容区域？(注:全部内容，而不仅仅是视图)。这似乎是不可能的，因为元素有一些边距，而且似乎没有一种简单的方式来样式div来包含主体元素的边距、宽度和高度。但事实上，这有可能吗？
更新：对不起，要求我们不能将页边距设置为0.(update2:比方说，如果我们需要把它变成一个库，而不能要求所有使用它的人设置它的空间为0)
浏览 10提问于2009-05-25得票数 1
回答已采纳
如果我像这样设置div的CSS页边距属性：
div { margin-left: auto; margin-right: auto; }
我得到一个在页面中水平居中的div，。
但是，如果我将CSS更改为：
div { margin-top: auto; margin-bottom: auto; }
我的div不是垂直居中的。我不需要知道解决方法( )，但我想知道发生这种行为的原因。为什么上边距和下边距不能以相同的方式工作？我遗漏了什么？
浏览 1提问于2011-07-21得票数 20
回答已采纳
我真的困在这个愚蠢的问题上了。我现在只在这个问题上花了4个小时。
我有一页：。如果您将页面的大小调整为320 If宽度(iphone大小)，则应该达到以下状态：
但不起作用的是输入字段不是iphone大小的中间部分。
这是我的css：
.newsletter{
width: 300px;
padding-top: 40px;
padding-bottom: 40px;
clear: both;
}
html
<div class="newsletter">
<p class="overinput&#
浏览 3提问于2013-08-18得票数 0
回答已采纳
我正在尝试打印一个HTML页面，这个页面可能很长，包含文本、段落和表格。我的目标是为每一页定义一个打印边距。我在页面中添加了以下CSS：
@media print {
body {
margin: 2.5cm 0;
}
}
但我遇到的问题是，页边距只在文档的开头和结尾添加了，而不是添加到每个页面。从附加的图像中可以看出，我在第一页中有一个页边距，而在第二页中没有，我想要的行为类似于一本书或一个word文档(在这里您定义了页边距)。在CSS中可以这样做吗？
浏览 8提问于2016-05-04得票数 8
回答已采纳
3回答
html中的每个文本似乎都有一个默认高度。比方说。h3元素。当我们在firebug中阻塞h3元素时，我们可以在该文本的上下看到额外的空格。显然，这无法避免使用reset.css。我也尝试了line-height属性。它不起作用。有其他选择吗？
代码如下：
<html>
<head></head>
<body>
<table>
<tr>
<td><h3>S
浏览 2提问于2013-05-31得票数 0
假设您有两个<p>元素，一个堆叠在另一个上，每个元素都有3 3rem的上边和下边距。
通过这种设置，我预计在两个<p>元素之间总共会有6 3rem的空白(3 3rem来自<p>的底部边距，3 3rem来自<p>底部的边距)，然而，元素之间只有3 3rem的空白。
为什么边距空间在块元素之间崩溃，而不是每个块元素保持自己的边距空间？
这是。
以上代码页示例的html是：
<p class="outline-red">This is a paragraph with top & bottom margin
浏览 1提问于2015-03-13得票数 1
回答已采纳
我想在我的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
当涉及到CSS时，我相当精通，但是今天我偶然发现了一个让我抓狂的代码片段(和)。
我从来没有想过可以通过margin: 0 auto将一个绝对定位的元素居中，但是考虑到有问题的元素有一个设置的宽度，并且有left: 0和right: 0，它实际上似乎是有效的：
#parent
{
background: #999;
height: 300px;
position: relative;
width: 300px;
}
#child
{
background: #333;
height: 50px;
left: 0;
margi
浏览 1提问于2015-03-26得票数 18
回答已采纳
3回答
我正在创建一个基本的登陆页面与HTML和CSS，其中整个标题背景是一个图像。
下面是我的CSS代码：
body,html {
height: 100%;
background: honeydew;
}
header {
height: 100vh;
background-image: url(https://s3-us-west-2.amazonaws.com/myBucket/myBG.jpg);
background-size: cover;
background-position: center;
}
当我将h1或任何形式的文本添加到header上时，我的网页在
浏览 3提问于2016-02-06得票数 3
回答已采纳
如何使用twitter bootstrap框架向class="row"元素添加页边距？
浏览 21提问于2012-04-10得票数 506
回答已采纳
5回答
如果我有用户生成的内容，例如：
<p>my paragraph</p>
<ul>
<li>item1</li>
<li>item2</li>
</ul>
这在段落末尾与列表之间有一个段落间隔，如下所示：
我的段落：
item1
item2
我知道我可以通过在UL标签上设置页边距顶部和在标签上设置页边距底部来消除CSS中的空白，但是有什么方法不影响实际段落之间的边距呢？
内容是用户生成的，有一套有限的标签可用，没有字体，大小.可用，所以所有格式都应该在CSS中完成，如果可能的话
浏览 1提问于2010-07-15得票数 5
回答已采纳
2回答
我看到顶部/左侧属性显示的位置与绝对位置和相对位置的差异是应该的。
当我在位置上设置页边距-顶部时:相对它根据包含的容器正确定位。但是当我在position:absolute上设置margin top时，我认为它应该根据BODY元素定位，但它的定位与position:relative相同，后者是相对于包含元素(#container)的。我也没有将任何元素设置为非静态的。
以下是位置:相对的代码
这是位置:绝对
请注意，#firstDiv位于相对于#container的相同位置。
它应该是相对于BODY元素的吗？
浏览 2提问于2012-02-12得票数 1
回答已采纳
3回答
根据我的理解，一个绝对定位的元素应该在它应该在的任何地方，就像通常没有指定top或left的情况一样(除了它不占用“布局”空间)。但是在这个中，它看起来像是在设置页边距-top:10px；set。
<table>
<tr>
<td>
<div>default position</div>
</td>
<td>
<div style="position: absolute;">abs
浏览 1提问于2012-10-15得票数 1
回答已采纳
3回答
当我向宽度为100%的HTML添加边距时，边距可以正确地应用于左侧，但整个文本框将移到父容器的右侧并扩展。
请以此为例。正如您所看到的，文本区域延伸到右侧，而不是扩展到10px的页边距。有没有办法解决这个问题？我能想到的唯一方法是用javascript手动调整大小，但肯定还有其他方法。
浏览 1提问于2013-05-02得票数 2
回答已采纳
1回答
我想通过在纯HTML和CSS中重新创建Bootstrap主页来提高我的HTML和CSS技能。我快完成了，但我的脚好像有点问题。其他的东西都是以我喜欢的方式定位的，但是页脚上的所有东西都会飞到我的页面的顶部和中部。有人能告诉我我在这里错过了什么吗？
HTML
<header>
<div class="top-bar">
<p><a href="#">Aww yeah, Bootstrap 4 is coming!</a></p>
</div>
浏览 4提问于2015-09-22得票数 0
回答已采纳
我试图有一个圆形的徽标放置在一个引导导航菜单的左侧，并使菜单与行的底部对齐，但它总是希望与顶部对齐。我是用jade写的，但希望其他语言的人至少能理解它是如何工作的(缩进表示嵌套，而不是结束标记)。有没有一种方法可以很容易地通过css或使用bootstrap中的网格系统来完成这项工作？
doctype 5
html
head
title= title
link(rel='stylesheet', href='/css/bootstrap.min.css')
link(rel='stylesheet', href
浏览 0提问于2013-02-27得票数 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
回答已采纳
1回答
我绝不是HTML或CSS方面的专家。我是个新手，经验不多。我遇到了问题，我不知道如何解决它。正如您从JSFiddle中看到的(链接在下面)，在图像和导航栏之间有一个白色的插孔。该图像是在CSS中创建的背景图像。我想消除空白，使图像与导航栏齐平。
我尝试过更改#headerimage div和#nav div的边距和填充值。我知道，如果我把边距值设置为负值，它可以解决这个问题，但这是一个非常笨重的解决方案，因为如果我增加字体大小或诸如此类的东西，我将不得不不断地改变这个值。我也搜索堆叠溢出类似的问题，但没有一个解决了我的问题。
我还意识到，在我如何编码某些东西方面，我可能会做很多不同的事情，同样
浏览 0提问于2015-08-05得票数 0
回答已采纳
我想做一个旋转木马风格的小部件，是由3个图像和两个按钮构建的。我的问题是，这整个事情需要具有响应性，并在保持图像之间的关系的同时，放大(最大)和缩小。
形状如下：
图像的像素大小都是预先知道的，并且需要的任何关系都可以预先知道(例如，移动绿色和蓝色框所需的量，因为它们不是垂直居中的)。
我对HTML/CSS不是很有经验，我设法通过flexboxes和翻译获得了这个形状，但我永远不能让它与页面的其余部分正确缩放。
我不太明白CSS是否可以做到这一点，因为它需要某种绝对的定位/平移等，这会毁了它的盒子模型。
接下来，我想尝试使用画布，自己绘制图像，同时让画布宽度按自己的意愿伸展(最大)，
浏览 0提问于2021-10-05得票数 0
3回答
我有以下脚本，其中的页边距为。portlet类的行为很奇怪：
它应该在每个portlet周围增加10px，这意味着portlet之间应该有20px的间隔。由于某些原因，如果portlet在其自身的右侧或左侧有一个小部件，我只能得到20px，但如果portlet在它上面或下面有另一个portlet，我只能得到10px。
为什么我的垂直像素是10px？
浏览 7提问于2011-03-14得票数 8
回答已采纳
1回答
我在玩引导表单元素，并注意到输入类型文本的垂直对齐属性在某种程度上影响了附近标签的定位。
顺便说一下，这个输入类型的文本有来自引导样式的10 By的页边距。
以下是代码：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Boo
浏览 1提问于2014-02-09得票数 1
回答已采纳
1回答
我试图将HTML/CSS中的图像的页边距为0px，但当我使用
body {
margin: 0px;
}
它影响整个身体(图像和文本)。这是意料之中的。所以我想，我只需要上一节课。我试过这个：
CSS：
.class-name {
margin: 0px;
}
HTML：
<img class="class-name" src="path/to/file.png">
现在它只是忽略了一个事实，我有一个保证金.有什么解决办法吗？提前感谢！
浏览 6提问于2017-10-19得票数 0
回答已采纳
为什么内容div上的页边距也会压低介绍div？我觉得我在嵌套div时犯了一个非常愚蠢的错误，但我真的不知道。
body {
margin: 0px;
}
div.content {
text-align: center;
margin-top: 35px;
border-style: solid;
}
h1 {
display: inline-block;
margin: auto;
font-family: Lane;
color: white;
font-size: 80px;
}
div#intro {
background: blue;
浏览 0提问于2015-12-27得票数 2
3回答
以下是我的html代码：
<!DOCTYPE html>
<html>
<head>
<title>CSS Article3</title>
<link rel="stylesheet" type="text/css" href="css/article3.css">
</head>
<body>
<time datetime="2015-11-23&
浏览 0提问于2016-05-06得票数 1
回答已采纳
我正在尝试使用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
1回答
在一个使用Twitter引导和导航栏样式的页面上，我想用Google地图填充导航栏下面的整个容器。为此，我在下面添加了CSS。
我为html和body元素定义大小为100%，以便用于映射的大小定义。然而，这一解决方案产生了一个问题：
地图的高度现在与整个页面的高度相同，这就产生了一个滚动条，我可以滚动到40 in导航栏中。如何将映射的大小设置为导航栏的100% - 40px？
#map {
height: 100%;
width: 100%;
}
#map img {
max-width: none;
}
html, body {
浏览 2提问于2012-08-13得票数 13
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
