2个背景，1个覆盖宽度，另一个重复，无法让em工作
背景是指网页或应用程序中元素的背景样式，可以是颜色、图片或渐变等。背景可以通过CSS属性来设置，常用的属性有background-color、background-image、background-repeat、background-size等。
覆盖宽度是指元素的宽度超出了其父元素的宽度，导致元素的内容或背景超出父元素的范围。这种情况下，可以使用CSS属性overflow来控制元素内容的显示方式，常用的属性值有visible（默认值，内容超出父元素范围时会显示在父元素之外）、hidden（内容超出父元素范围时会被隐藏）、scroll（显示滚动条以便查看超出范围的内容）和auto（根据内容是否超出范围自动显示滚动条）。
em是一种相对长度单位，它相对于当前元素的字体大小。em的值是相对于父元素的字体大小来计算的，如果没有设置父元素的字体大小，则相对于浏览器的默认字体大小。em可以用于设置元素的尺寸、内边距、外边距等。
根据提供的问答内容，无法确定具体的问题和背景信息，因此无法给出完善且全面的答案。如果有具体的问题或背景信息，可以提供给我，我将尽力给出相应的答案。
相关·内容
2回答
响应图像是如何在“`sizes`”中以“in”作为长度提供的？
html、image、responsive-design、font-size、srcset
当浏览器在响应图像中使用时，如何理解em单元？
<img alt="A giraffe" src="giraffe.jpg"
srcset="giraffe@1.5x.jpg 600w, giraffe@2x.jpg 800w, [etc.]"
sizes="(max-width: 40em) 40em">
这是有效的，而且我没有在浏览器控制台中看到警告。但是，如果图像预加载程序的全部目的是在下载和分析CSS之前获取图像，那么浏览器对em的使用是什么？
它是否只是它的默认font-size应用于&l
浏览 5提问于2015-06-04得票数 6
回答已采纳
2回答
为什么当您将h1和p设置为2em (字体大小: 2em)时，当em是字体大小的x倍的单位时，它们的大小几乎相同？
html、css、font-size
我有一些带有自定义字体的HTML页面，为了让它看起来更好看，我通常使用css对文本进行评估，但是当我浏览时，他们说em是原始字体大小的x倍，我认为这是我将要使用的内容，但是当我使用它时，结果如下：
* {
font-size: 1.5em;
}
<h1>
Header
</h1>
<p>
Paragraph
</p>
注意，它显示的结果是h1和p大小几乎相同，除了h1更厚和更暗，但是为什么2em不意味着比原始文本大2倍呢？为什么h1缩小了，p缩小了？
为了让结果正确显示，我把字体大小设置为1.5em，而不是2em，否则字体太大
浏览 2提问于2017-10-03得票数 0
回答已采纳
1回答
检测相关字体大小和包含块宽度
css、sass、less、fluid-layout
在设置流体布局和可调整大小的文本网页的样式时，必须始终牢记当前样式元素的相关字体大小(对于em的单位)和包含块宽度(百分比单位)。如果您已经修改了当前元素或其祖先元素的字体大小，则必须始终注意哪个是父元素的宽度，或者是否修改了当前元素的字体大小。
使用动态样式表(如Sass或更小)很容易实现混合或函数，这些函数关心em's和百分比计算(简单除法)背后的数学运算，因此您可以以像素为单位编写大小，并忘记转换，但无论如何，您必须提供相关的字体大小和contaning块宽度，因为据我所知，没有办法自动检测它们。
你知道有没有某种类型的实用程序可以自动完成这个任务？是否已经以某种方式进行了某种努
浏览 0提问于2011-10-14得票数 0
回答已采纳
4回答
<div class="narrow heading">Heading</div>
<div class="narrow">Description goes here</div>
.narrow{
margin-left:5em;
margin-right:5em;
}
.heading{
font-size:36px;
}
为什么要增加标题的字体，把它移到更远的地方？
如果我在CSS中用165 px替换12 em，就会达到预期的效果。但是，该网站将不会出现在不同的窗口大小的需要。
浏览 4提问于2013-12-20得票数 0
回答已采纳
2回答
css不同分辨率em或px
css、screen-resolution
我有一个设计好的网站，我对css，html，php很陌生，所以在css中，我使用了px中的所有大小。但是当我改变屏幕分辨率时，网页内容是不合适的，意思是：
当我放大这是结果，如何处理这在css？当我在谷歌上搜索相同的内容时，我发现我应该使用em / %，而不是使用px。
要用什么？
em
px
%
因为宽度和高度。
Edit1
在缩小后
浏览 2提问于2012-08-03得票数 2
回答已采纳
2回答
将div的字体大小作为该div的父大小的百分比
css、sizing
<div id = "parent" style = "width:100px; height:100px">
<div id = "child" style = "width:20px; height:20px; font-size:1vw">
Hello there
</div>
</div>
诚然，我对css的理解很差，那就是字体大小:1em，会根据元素本身的宽度的百分比来确定"hello there“的大小。“孩子”的宽度
假设这是正确的，它是否有可能
浏览 10提问于2021-12-22得票数 0
2回答
对于字体大小不同的元素，Em的边距是不同的
html、css、zurb-foundation、font-size
我正在与(v4)合作，它使用的是EMs，而不是PX。
我发现使用EMs的一个缺点是，如果元素的字体大小不是1em (例如0.875em)，那么元素的边距比字体大小为1em的元素要小(因为ems相对于字体大小)。
因此，如果两个元素相邻，则两者的实际边距结果是不一致的。我真的想保持元素的边距保持一致，即使元素有不同的字体大小。是否有一个聪明的方法来实现这一点(不使用px)？
浏览 6提问于2013-12-22得票数 0
回答已采纳
2回答
内容不能缩放到不同的屏幕尺寸，即使使用“em”
html、css、scale、em、sizing
我是网页设计的新手，但据我所知，em应该可以缩放到任何屏幕尺寸。我是定义为em或%的所有东西，除了几个微不足道的边框，然而，当我尝试在不同的屏幕上查看它时，没有div或它们的内容比例。
我做错了什么？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Name</title>
<link rel="stylesheet" href="css/style2.css" type="text/css
浏览 8提问于2014-06-04得票数 0
1回答
移动设备上未拉伸的图像导致水平滚动
html、css、mobile、responsive-design
我有一个链接的网页：
在PC或MAC上一切都很好。问题是，如果你在移动设备上查看它，你会发现这3个图像导致了一个水平滚动条。
我使用它来设置移动设备考虑的视区：
<meta name="viewport" content="width=device-width, initial-scale=1.0, target-densitydpi=320, maximum-scale=1.0, user-scalable=no">
我使用了一个sprite方法来设置div背景，用来显示3张图片。
HTML：
<div class="demopic
浏览 3提问于2015-03-31得票数 0
3回答
具有RTL方向的Chrome水平滚动条
css、google-chrome、right-to-left
在Chrome上，页面上有一个水平滚动条，方向为rtl，与margin-right: auto和overflow: auto相结合，即使没有边距和内容。
有关示例，请参见。我希望看到没有绿色背景颜色和水平滚动条，因为内部和外部应该有相同的宽度。
滚动条只在Chrome上，而在Firefox或IE上没有。那为什么滚动条在那里？这是浏览器的错误吗？
HTML：
<div class="outer">
<div class="inner"></div>
</div>
CSS：
body {
directi
浏览 1提问于2015-10-08得票数 3
回答已采纳
3回答
当使用特定的规则时，要小心CSS em单位？
css、font-size
当使用EM单元指定字体大小时，我很难编写可维护的CSS代码，而不是PX单元。我已经习惯于编写这样的CSS代码：
body {font-size: 12px;}
body .sidebar {font-size:11px;}
body .sidebar .loadmore {font-size:10px;}
body .sidebar .warning {font-size:13px;}
这个想法是，在很多网页上，通过网站，有很多文本，应该有12个像素的字体大小。我利用特定的规则来覆盖站点特殊区域的12 in字体大小。
假设我将上面的代码重写为：
body {font-size: 12em;}
浏览 2提问于2012-04-03得票数 5
回答已采纳
1回答
背景图像不会拉伸整个页面宽度
html、css
在上，我有一个双色调的背景。该页面的结构为：
<body>
<div id="upbg"/>
<div id="container"/>
</body
这个背景是通过向upbg添加暗背景图像和在身体上添加较亮的背景图像来实现的。upbg的css是：
#upbg {
background: #FFFFFF url(images/bg-dark.jpg) repeat-x scroll 0 0;
height: 275px;
left: 0;
position: absolute;
top: 0;
浏览 0提问于2009-03-14得票数 7
回答已采纳
2回答
Rem/Em混淆
css、sass、compass-sass、susy-compass、em
今天我在一个新网站上使用em‘s/rem，有几件事我想在这里讨论/问一下。
多年来，我一直是一个完全基于像素的人，在需要的时候会加入一些百分比。
我一直在读到em和rem是web应该是的“方式”。很公平，这就是我今天尝试的原因。
所以，首先要做的就是。使用em's/rem's表示尺寸的意义是否仅仅是为了改变相对于主要字体大小的东西的尺寸？
如果是这样，那么你会在什么情况下改变主要的字体大小？我一直将我的设置为16px，并使用它。
我找到了一个Sass混入，它允许我以像素为单位指定任何属性的尺寸，并使用rem和基于像素的回退来输出它。我先根据自己的喜好调整了一下。
因此，我开始使
浏览 0提问于2013-04-12得票数 3
回答已采纳
1回答
如何垂直居中div中的文本，与另一个div重叠
html、css、alignment、vertical-alignment
我有一个css问题。我试图在一个div中垂直居中文本，该div覆盖了另一个div，但文本不会移动。
编辑:这是JSFiddle网址：
html如下：
<div id="footer-top">
<div id="footer-top-left">
<div id="footer-logo">
</div>
</div>
<div id="foote
浏览 0提问于2012-12-28得票数 0
回答已采纳
1回答
输入宽度100%和边距/填充
html、css
如何使用具有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回答
在响应web时，我是否可以使用%或vw单元作为字体大小？
css、responsive、font-size、percentage
我必须使用字体大小在em或rem单位？我不能用%大众车吗？
语音气泡的宽度为%单位，因此如果浏览器大小减小，字体大小固定，则无法与语音气泡匹配。所以，我将使用大众单位的字体大小。这是推荐的用法吗？或者如果可能的话，我们应该避免这样做吗？我应该用他们还是雷姆单位？
我用了%单位，所以即使是100%，字母也太小了。如果我使用大众的单位，字体大小是准确的，但如果我使用大众单位，如果水平分辨率是超过1920年和更大，会有问题吗？body标签的最大宽度值是在我创建的站点上的192 max。
浏览 4提问于2022-07-03得票数 0
回答已采纳
2回答
css悬停中字体大小变化引起的移动
html、css、hover
我的菜单：
<div id="menu_container">
<ul>
<li>Portfolio</li>
<li>About</li>
<li>Contact</li>
</ul>
</div><!--//menu_container-->
我的CSS：
#menu_container { text-transform: uppercase; font-size: 1.3em;
浏览 0提问于2014-12-01得票数 0
回答已采纳
2回答
有没有办法根据正文的字体大小来指定行高和边距？
css、font-size
一个直接的css问题。假设我们有这样的样式：
body {
font-size : 16px;
}
p {
font-size : 0.875em; // relative to parent, 14px
line-height : 1em; //relative to this element, 14px
margin-bottom : 1em; //relative to this element, 14px
}
这意味着<p>s的字体大小为14px，行高为14px，页边距为14px。
我想要的是等同于：
body : {
fo
浏览 3提问于2012-11-23得票数 1
回答已采纳
1回答
据我所知，2em是元素的字体大小的两倍。但在这种情况下，它似乎不是那样工作的。
(关于铬)
样式
<style>
p {
font-size: 24px;
}
.go-big {
font-size: 2em;
}
</style>
<p>This should be 24 px</px>
<p class="go-big">This should be 48 px?</px>
这里有一个有用的例子：
由于<p>元素样式设
浏览 3提问于2022-07-16得票数 3
回答已采纳
4回答
在带滚动条的块元素中，如何正确地设置块元素的边距？
html、css
我有用于显示内容的<div>块。我已经设置了div，这样如果内容太大，就会出现一个垂直滚动条。
现在，我需要把表放在这个容器div中，我需要它和父表一样宽，两边有几个像素的边距。但是，当我对内表应用边距时，右边是在父div的边缘之外，使用滚动条进行调整。
<div style="overflow: scroll; overflow-x:hidden; position:relative; width: 100%; height:100%; background: magenta">
<table class="data_container
浏览 4提问于2015-10-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
