不在同一元素上使用宽度和填充/边距？
在一个网页布局中，如果不在同一元素上使用宽度和填充/边距，可能会导致布局错乱或者不美观。宽度和填充/边距都是用来控制元素在网页上的显示效果的，它们的作用和区别如下：
- 宽度：宽度是指元素在网页上的水平尺寸，即元素的宽度。宽度可以使用像素、百分比等单位来表示。
- 填充/边距：填充和边距都是用来控制元素与其他元素之间的间距。填充是指元素内部的间距，即元素内部的内容与元素边界之间的距离；边距是指元素外部的间距，即元素与其他元素之间的距离。
因此，在同一元素上使用宽度和填充/边距可以更好地控制元素在网页上的显示效果，避免布局错乱或者不美观。例如，可以使用宽度来控制元素的尺寸，使用填充/边距来控制元素与其他元素之间的间距。
相关·内容
除非我完全不理解box-sizing属性..。为什么这两个人不在一起？
使用box-sizing: border-box;时，填充、边距和边框不应该“切割”到50%的宽度，并最终以100%的宽度和足够的空间来容纳两个DIVs吗？
浏览 4提问于2013-08-10得票数 3
回答已采纳
2回答
我在挠头，这就是我为什么要把
填充-顶部: 1px；在#pageHeader标识符下，在#容器的左上角获取背景图像，否则它会从顶部显示几个像素。
即使我把填充物-顶部: 0；它不工作。
此外，如果我把它放在#intro或删除页面标题div中的h1标记下，它也能工作。
我的CSS文件
html
{
margin: 0;
padding: 0;
}
body
{
font: 75% georgia, sans-serif;
line-height: 1.95;
浏览 0提问于2011-12-04得票数 1
回答已采纳
2回答
虽然我在理论上确实了解整个CSS框模型，如填充、边框、边距，但我的理解仅限于这些单独的部分。
我经常搞不懂浏览器实际上是如何呈现它的。例如，Like padding在边界内，但是如何计算边距？它是框边框还是相对于屏幕？如果我们同时给左边距和右边距，哪个优先级更高？如果有宽度和左/右边距，实际渲染是如何进行的，就像首先制作框的宽度，然后是填充还是什么样子？
添加到这个带边距的框中的浮动属性有什么不同？
浏览 6提问于2011-08-27得票数 4
回答已采纳
4回答
当我查看我创建的盒子的实际宽度和实际高度时，大小由我在计算中一直知道的情况来确定：
宽度=边框+填充+内容的宽度
高度=边框+填充+内容的高度
但是在w3.org上，它说:框的宽度是由左右边距、边框和填充以及内容宽度之和决定的。高度由顶部和底部边距、边框和填充以及内容高度之和来表示。
那是哪一种？我知道边距对盒子模型很重要，但是它不影响盒子的大小。
div {
border: 1px solid black;
height: 200px;
margin: 2px;
padding: 5px;
width: 200px;
}
/*200px + 2
浏览 11提问于2016-10-17得票数 2
回答已采纳
我试图理解CSS中的填充、边距和负边距，我创建了下面的代码来增加我的理解。
我尝试在我的“行”类中添加一个边距，根据我对CSS中边距的基本知识，我预计会出现以下情况：
正边距-左转20 of会把我的div和类“行”20 of推到左边。
负边距-左转20 to会把我的div和类“行”20 to推到右边。
然而，事实并非如此。实际上发生了以下情况：
正边距-左减少类为“行”的div的宽度，左侧为20 to。
负边距-左增加类为“行”的div的宽度，左侧为20 to。
现在我有一种感觉，这是因为我的带有类"row“的div是一个带有类”容器“的div的子类。然
浏览 1提问于2017-01-17得票数 1
我正在努力为自己学习和参考，但我找不到正确的，足够的，没有那么混乱的信息。告诉我如何找出这些..。
假设DOM元素周围都有10 px填充，边框5 px周围，边距30 px周围，内容太长，所以有滚动条。
使用javascript查找宽度..。
一直到边缘。
一直到边境。
内边框填充，并加上垂直滚动条，如果有。
向上填充，如果存在，不包括垂直滚动条。
只有可见的内容。(没有scrollBar，填充，边框，边距，额外内容)
可滚动区域和填充区中可见和隐藏的向上内容
内容可见，隐藏在可滚动的区域，不需要填充
Javascript太不直观了，所以请一劳永逸地说明清楚。
浏览 6提问于2014-06-17得票数 0
事实上，当我在这些网站上读到两件不同的东西时，我感到很困惑。我知道盒子的大小和它对盒子模型的影响，但是如果我们不考虑尺寸，并且想知道元素的大小会怎样呢？请参阅网址如下：
元素的总宽度应按以下方式计算：
总元素宽度=宽度+左填充+右填充+左边框+右边框+左边框+右边框
元素的总高度应按以下方式计算：
总元素高度=高度+顶部填充+底部填充+顶部边框+底部边框+上边缘+底部边缘
盒子本身的大小计算如下：
Width=宽度+填充-左+填充-右+左+边框-右Height=高度+填充-顶+填充-底部+边框-顶部+边框-底部
根据我的理解，我们计算宽度=宽度+填充+边框，作为默认框大小中
浏览 1提问于2016-03-19得票数 2
3回答
我正在尝试创建与标签页完全匹配的样式。我的一般策略是将正文设置为没有页边距，精确地设置页面大小，并且每页print_layout的内部div也匹配8²“×11”(在本例中)。
问题是，将页边距设置为0实际上并不能准确地将其设置为零。
@page {
size: 8.5in 11in;
margin: 0;
}
我的理解是，你不能真的将页边距设置为零，并期望结果为零。我想要的是：
1) javascript中一种获得最小打印边距的方法，这样我就可以通过精确的负边距和内部样式的填充来进行补偿。
2)一种覆盖此设置的方法，这样我就可以获得真正的零边距(注意:我不需要边到边打印，我只需
浏览 3提问于2019-09-03得票数 7
1回答
如何使用具有100%宽度和边距/填充的输入？？
当输入没有焦点时，宽度比父元素宽2个像素，但在焦点上宽度是对的吗？如何解决这个问题？！:-/
jsfidle
代码
input, textarea {
width:100%;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input, textarea, button {
display:inline-block;
浏览 3提问于2012-11-08得票数 2
回答已采纳
2回答
我正在尝试构建一个相对基于当前DOM大小的UI。我是通过大量使用百分比来做这件事的。
我想做的一件事是在一个绝对容器中呈现节点，其中的填充-top：%。
%计算的大小对我来说完全不正常。我不确定%是以哪个数字为基础的，但它肯定不是父节点。但是，在相同的dom层次结构中填充固定像素可以很好地工作。
参见以下JS小提琴：
<div style="display:inline-block;width:600px;border:solid 1px black;position:absolute; top:10%; width:30%; height:40%;">
浏览 2提问于2014-03-04得票数 0
回答已采纳
(以及我检查过的所有其他“边距对边距”问题)，而问同样的问题似乎只说明了两者之间的区别。它说，“当你想要外部空间时，使用空白处。当你想要内部空间时，使用padding”。
这很公平，但是如果你看一下，我已经使用了不同的CSS来获得完全相同的效果。
这个问题是主观的，可能会结束，但我浪费了很多时间来决定，“我应该在包含元素上加填充...还是在内部元素本身上加边距。”
如果您将这些div扩展为具有多个段落，那么如果您希望拥有一致的边框/背景，那么第三个示例很快就会失败。在<p>标签上使用边距的那个看起来更好，因为它自动分隔段落。
在设计我的网站时，有没有一个简单的思考过程/一组问题可
浏览 0提问于2012-10-18得票数 3
回答已采纳
我在互联网上读过一些关于框模型的文章，它说块元素的real width不是CSS中定义的宽度，而是按照下面的公式计算的：
实宽度=边距-右+边框-右+填充-右+宽+填充-左+边框-左+边-左
因此，我们讨论的这个Real Width --也是一个由浏览器计算出来的值，显示为一个可以检查的css属性--或者仅仅是web设计者用来相应地规划布局的一个术语。
例如，我创建了一个div，并指定它的宽度为300 it，设置它的边距，并将其填充到10 it-我现在可以转到Chrome工具并找到这个Real width为340 it吗？
浏览 1提问于2015-06-02得票数 0
回答已采纳
6回答
我不能理解为什么我的25%的div没有浮动到75%。div的宽度包括页边距加起来等于.content div的正确总宽度。我一定是错过了一些关于如何边距，填充和浮动一起工作的信息。我会使用现成的网格系统，但在这种情况下，它必须是自定义的。
如果有人能给点提示，我将不胜感激。
这是HTML。
<body>
<div class='container'>
<div role='header'>
<div class='row common-navigation'>
浏览 0提问于2013-06-14得票数 3
回答已采纳
当涉及到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
回答已采纳
我有一个CSS代码，如下所示
CSS
#menu_option { width:100px; margin-left:-50px; }
在Mozila、Google Chrome和IE9中，菜单在这段代码中位于右侧，但在IE9中，它是向左移动并剪切图像的。所以我申请了
#menu_option { width:100px; margin: 0; }
这段代码在IE8上运行正常，但在Mozila和IE9上菜单向右移动。
请任何人建议我如何应用这两个代码或合并在一起的CSS，并指定IE8的#menu_option { width:100px; margin: 0; }和其他#menu_option
浏览 0提问于2012-07-21得票数 0
我在CSS上有这个div：
#bodycontent {
max-width:980px;
margin:auto;
}
#navleft {
width:18%;
border:0px;
float:left;
}
#rightcontent {
max-width:80%;
border:0px;
float:right;
}
在HTML上：
<div id="bodycontent">
<div id="navleft">
some
浏览 1提问于2013-02-11得票数 4
回答已采纳
1回答
我想让我的脚看起来像这个。三角形形状内有4列。
然而，由于某种原因，这四列似乎都是堆叠在一起的，这是我通过稍微改变顶部的边距来确认的。当我注释掉#right_triangle时，我会得到4列，正如您所期望的那样。我相信这是在实际三角形的边界，但我想不出一个方法来做它或绕过它。
下面是我正在使用的代码。
#right_triangle {
width: 0;
height: 0;
border-bottom: 300px solid #009933;
border-right: 2000px solid transparent;
}
#footer_column1
浏览 0提问于2016-03-18得票数 2
回答已采纳
我有一个包含多个跨度的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
回答已采纳
4回答
我们可以使用像素或百分比来设置元素E的填充和边距属性。
( A)我假定，当我们使用百分比时，百分比值是指包含块的宽度？因此，如果E是直接在<body>元素中声明的，那么包含的块是<body>，百分比值表示<body>元素的宽度。
B) <body>元素的默认宽度是多少？
谢谢。
编辑：
如果我把E的填充量设为50%：
#E
{
padding: 50%;
}
然后E的“填充-左+填充-右”的宽度将等于一个视口的宽度(当视图在整个屏幕上展开时)。
因此，我假设<body>的宽度(以像素为单位)取决于监视器的
浏览 8提问于2009-12-20得票数 1
回答已采纳
我想使用DL/DT/DD方法来组织我的表单。我需要将它们构造为表(一列表示label，一列表示值)。下面的html+css可以正常工作，但直到我在dt和/或dd中添加边距或填充为止。
<html><head>
<style>
dl {
width: 100%;
overflow:hidden;
}
dt {
float: left;
width: 50%;
margin: 0px;
padding: 0px;
}
dd {
float: left;
width: 50%;
margin: 0px;
padding:
浏览 8提问于2011-12-12得票数 0
回答已采纳
我想要一个div占据整个窗口的宽度，以及有一些填充或边缘或边框。我知道我可以给div一个宽度，比如说90%，并有5%的填充、边距或边框。这很有效，但当我要缩小窗口大小时，边框或边距或填充开始缩小。我不想这样。因此，我向专家提出的问题是，如何使用固定的填充、边距或边框？
在窗口较窄的情况下，我更倾向于使用媒体查询来检测宽度，然后为某个宽度提供另一个固定的填充、边距或边框。提前感谢
浏览 0提问于2012-06-04得票数 0
回答已采纳
在这里学习html/css。我正在尝试为我的.menu ul li ul li添加一个底部边框
.menu ul li ul li{
padding:0;
float:none;
margin:0 0 0 0px;
width:100%;
border-bottom: 1px solid #911;
}
但是右边的边框被切掉了，因为在这个样式中有正确的填充：
.menu ul li ul{
position:absolute;
right: 0px;
border:1px solid #911;
/*box-shadow*/
-webkit-box-shadow:0 1px 5px #CCCC
浏览 0提问于2011-11-17得票数 0
回答已采纳
3回答
为什么添加一些填充会影响DIV框之外的元素？填充不应该在DIV的边框和内部的contents 之间创建一些空间吗？如何在不影响DIv框外的元素的情况下创建此空间？
浏览 2提问于2016-01-06得票数 1
回答已采纳
3回答
我有这个HTML代码：
<span class="left">
<img class="avatar" src="image.jpg" />
</span>
<span class="right">
Lorem ipsum dolor sit amet, nunc euismod nisl nam euismod, quis maecenas blandit ac, neque sed ut pulvinar, lectus sagittis sapien m
浏览 0提问于2010-11-08得票数 1
回答已采纳
我在另一个元素中有一个元素。父级具有特定的大小。我想让孩子大小完全一样，但同时要有一个填充物。
如果我不知道父元素的确切大小，有没有办法让它与父元素的大小相同并有填充？
问题：
谢谢。
浏览 3提问于2010-12-26得票数 6
回答已采纳
2回答
我正在做一个响应式的设计，并试图在页面宽度为1500px时找到元素的宽度。div中有填充，所以当我右击并检查元素时输出的宽度是不正确的。
我试着打开控制台并这样做：
var aDiv = document.getElementById('header');
console.log(aDiv.style.width);
还有这个：
var aDiv = document.getElementById('header');
getComputedStyle(aDiv);
但这两种方法都没有奏效。如何获得绘制在屏幕上的div的宽度，包括填充？这有可能吗？
浏览 1提问于2014-01-11得票数 0
2回答
有一个外部的div和一个内部的div元素。有时我看到内部div比外部div更宽。
什么时候会发生这种情况？如何克服这个问题？
<div id="outer">
<div id="inner"></div>
</div>
浏览 0提问于2014-10-04得票数 0
1回答
用毛边和垫子？
、、
我最近开始自己学习，并且是这个领域的新手，所以对于我的基本查询表示歉意。我知道保证金和填充(在逻辑术语中)的区别，但不太确定‘何时我们应该使用保证金和填充’.在一堂课上，一位讲师用“边距”在“刻度图标”和“易于使用”文本之间留出一些空间(见下面的图片)，但在这里也可以使用填充吗？如果没有，如果我使用填充来解决这个问题，会引起什么问题呢？
此外，她用"rem“作为保证金，使用"%”作为填充。使用rem和%(和px)有什么区别？
非常感谢你在这方面的帮助。
浏览 4提问于2020-07-05得票数 0
回答已采纳
2回答
我有一个<div id="wrapper"></div>
#wrapper {
height: 300px;
margin: 10px;
position: absolute;
top: 0;
left: 0;
width: 400px;
}
当我调整视图的大小，使水平滚动条出现时，右边的边距就消失了；我只能在元素的内容上向右滚动，但是我希望边距出现在所有的侧面。如果应用right: 0;，则左侧边框也会出现这种情况，如果视图端口较短，则发生在底部边距处。给wrapper一个position: stat
浏览 0提问于2012-05-25得票数 3
回答已采纳
例如：
.large{
font-size: 200%;
}
.bluebox{
background-color: blue;
height: 200px;
padding-left: 20px;
width: 200px;
}
<div class="bluebox">
<p class="large">This is a bigger paragraph</p>
</div>
当我在内容中添加填充时，我希望将div保持在固定的宽度和高度。(是的，我可以预先计算填
浏览 2提问于2014-08-23得票数 2
回答已采纳
1回答
我正在做这个CSS，我在一个div里面包装了一篇文章。我已经给出了两者的百分比宽度，以及div的填充。在我给文章添加边框之前，我的填充似乎是“不适用的”。您可以通过注释应用于文章的边框来查看差异。我的文章是身高收缩。为什么会发生这种情况？
<style>
body{
margin:100px;
}
.content{
width:100%;
padding:.9746589%;
background:green;
}
.content>article{
width:100%;
background:yellow;
border:1px solid
浏览 3提问于2013-08-24得票数 0
1回答
这是我为一个朋友创建的网站，看起来很棒，但是当在iOS (iPhone & iPad)上查看它时，它的右边有额外的填充。我甚至从来没有告诉它有填充，所以我甚至不确定我应该提供什么CSS片段。我已经用firebug找过了，但是什么也找不到。
这是它在我的iPhone上的样子
谁能告诉我为什么我的右边填充这么多？
为什么link酒厂在第二行也有很好的理由吗？它在安卓和桌面浏览器上有足够的空间，但由于某种原因，它在iOS的第二行。
#access {
display: block;
float: right;
margin: 0 auto;
width:
浏览 4提问于2012-07-19得票数 1
1回答
DIV中图像的填充/边距
、、、
好的。我最近对这个网站做了一些更新。
在做了一些小改动后，似乎索引页面上图像的边距和填充都发生了变化。我希望在所有图像之间有相同的垂直和水平填充，以及一致的边距。
此外，我在一个安装了Safari5的朋友的MAC上浏览网站，整个包装器似乎缩小了尺寸，因为它不能像我进行更改之前那样容纳它的孩子。
你可以看看firebug中的CSS，因为在这里发布CSS的400+行太长太多了。
任何批评都是受欢迎的，但我最想要的是如何解决这个问题的建议。
浏览 1提问于2010-12-01得票数 0
回答已采纳
24回答
在CSS中，边距和填充到底有什么区别？它似乎并没有多大用处。你能给我举个例子，说明差异在哪里(以及为什么知道区别很重要)？
浏览 12提问于2011-05-11得票数 409
在CSS中，display可以有inline和inline-block两个值。有人能详细解释一下inline和inline-block之间的区别吗
我到处寻找，最详细的解释告诉我，inline-block被放在inline上，但行为像block。但它并没有确切地解释“行为像块”是什么意思。有什么特别的功能吗？
举个例子会是更好的答案。谢谢。
浏览 2提问于2012-02-08得票数 625
回答已采纳
3回答
嘿，几天前，我有一个，有人提出了下面的解决方案()
CSS是pritty简单的标准CSS，请看：
header {
position: relative;
}
header img {
display: block;
max-width: 100%;
}
.location-search-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.input-group {
margin-top: -17px;
top: 50%;
浏览 4提问于2015-05-16得票数 1
2回答
我有一种情况，我在一个通用容器中有一个“底部”的内容div。这个div应该留在底部(具有绝对定位)，但与容器的底部有百分比差距。该百分比应相对于容器的宽度。
我们不能使用'bottom:5%‘，因为这是相对于高度的。保证金呢？是!它可以在Chrome上运行..和Firefox。啊，但不是在Safari。看起来Chrome和Safari是根据容器的宽度和Safari的容器高度来计算的。
看看Chrome和Safari中的，你会发现其中的不一致之处。CSS样式：
.container {
background: #990000;
width: 345px;
heig
浏览 2提问于2013-05-23得票数 2
2回答
我正在使用响应式博客主题，并有一个艰难的时间，我的网站标志居中。这是我的网站徽标在style.css中的样子(根据inspect element)：
#header img {
margin: 0 0.75em 0 1em;
display: block;
float: right;
margin-left: auto;
margin-right: auto;
height: auto;
max-width: 100%;
}
#header #site-logo {
margin-left: -82.5%;
height: 100px;
paddin
浏览 2提问于2014-02-15得票数 0
3回答
我可能忽略了显而易见的内容，但对于Chrome为什么要包装这个表中的最后一列有任何暗示吗？它不应该计算列的宽度以使内容适合吗？(考虑到该表实际上没有填充页面)。IE和Firefox似乎都把它渲染得很好(或者至少按照我预期的方式)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
.imgLink {
margin: 0 8px;
}
浏览 6提问于2012-06-29得票数 3
回答已采纳
2回答
在CSS代码中，
我们使用
#testing{
margin: 0;
padding: 0;
}
我使用对css文件进行编码。
它建议我先使用填充，然后使用之后的边距
#testing{
padding: 0;
margin: 0;
}
我的问题是，填充和保证金的顺序在css质量中是否重要？
填充第一和第一保证金有什么区别？
编辑
只是想知道为什么它会给我下订单
浏览 2提问于2013-07-30得票数 0
回答已采纳
埃里克·迈耶刚刚在推特上说，他在这个测验中获得了百分之百的分数：
http://net.tutsplus.com/quizzes/nettuts-quiz-1-beginner-css/
于是我参加了测验，最后他们告诉我，我答错了一个问题：
容器的有效宽度是多少？#container {width: 100px; padding: 10px; margin: 20px;}
我回答说:20 To +100 To+20 To=140 To。
在做了大量的工作之后，我发现测验的“正确”答案是120‘s。
有人能解释一下为什么120 be是一个更合适的答案吗？
编辑:创建了这种情况的一个小插曲，并且看
浏览 0提问于2011-06-07得票数 4
回答已采纳
我试图给出页面的宽度，单位为%。
因此，我尝试了以下代码
<div id="mainContent" style="height: 350px">
<div class="grid4">
</div>
<div class="grid4">
</div>
<div class="grid4"
浏览 0提问于2013-03-28得票数 1
回答已采纳
3回答
我有以下HTML：
<div class="top_buttons">
<div class="top_button">
<img src="img/image1.png">
</div>
<div class="top_button">
<a href="#">
<img src="img/image2.png">
浏览 1提问于2013-02-04得票数 1
回答已采纳
2回答
我检查了，以了解什么是对保证金属性有一个自动值，它说："auto被一些合适的值所取代，例如，它可以用于块的对中。“
但是，什么是合适的价值，适合什么？
我尝试了一些实验，我发现如果添加边距-左侧: auto，容器就会向右(就像向右浮动)：
#container {
background: red;
width: 120px;
margin-left: auto;
}
这是否意味着增加保证金汽车实际上是“占用所有可用的空间”？当你加左边距和右边距时，它以div为中心，因为它试图从左到右占用所有的空间？
浏览 2提问于2014-10-07得票数 33
回答已采纳
1回答
我正在开发一个响应网格，我试图在每个分辨率上保持主div的所有四个方面的边距不变。我在主div上放了边距为0的汽车，这使得它在右边和左边保持相等，但是顶部和底部呢？
<div id = "wrapper">
<header id = "header"> <p> this is the header</p></header>
<div id = "main">
<div id = "" class = "col col3">
浏览 2提问于2014-05-21得票数 1
回答已采纳
很长的标题抱歉。
通常，当我使用列表进行网格布局时，在<li>和<ul>上有一个固定的宽度。然后，我在<li>上有一个左边距，然后把它作为容器<ul>上的一个负左边距，从而把整个东西拉回来，完美地排列起来。
但我不能用百分比来解决这个问题，我也不明白。我想我漏掉了一些显而易见的东西。它应该适合在一条线上的3个项目！
每里是32%，三行是96%，然后2%的左边是102%，然后负差-2%在ul上-2%来平衡事物。
一些HTML
<div class="container">
<div class="
浏览 1提问于2013-07-25得票数 1
回答已采纳
2回答
我这里有一个页面，有3个无序列表，第一个列表有2个条目，第二个列表有4个条目，第三个列表有1个条目。我希望将第二个列表中的4个项目放在一行上，而不是1行中的3个项目和下一行的1个项目上。我不明白为何会这样：
<ul class="products" style="text-align:center;">
<li id="124" class="post-124 product type-product status-publish hentry instock"></li>
<li id=
浏览 4提问于2013-12-08得票数 0
回答已采纳
2回答
使用react，我在Card.jsx文件中创建了一个非常简单的卡片组件。该组件如下所示。
class Card extends React.Component{
render() {
return (
<div className={style.mainContainer}>
<div className={style.container}>
<div className={style.title}>Hello world</div>
<div classNa
浏览 4提问于2020-12-07得票数 1
2回答
我是移动web开发的新手，刚刚开始学习如何使用元素宽度的百分比。
我有一个名为"blue“的div。蓝色的宽度为80% (这是我被告知要为移动设备做的，这样内容就不会对移动设备太宽)。在蓝色里面我想有名为“绿色”的div，我想让每个“绿色”div浮动到升降机上，并以内联方式显示它们，占据“蓝色”的整个宽度。
我给“绿色”的div百分比宽度吗？如果我唯一能添加的值是width，我如何使它们保持正方形呢？另外，如果“绿色”div的宽度是百分比，我如何计算边距和填充？
浏览 1提问于2013-12-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
