CSS以配置div高度等于同级
CSS是层叠样式表（Cascading Style Sheets）的缩写，是一种用来定义网页元素样式的语言。它通过选择器和声明来描述元素在网页中的表现，包括文字颜色、背景颜色、大小、位置等属性。在网页开发中，CSS经常用于配置div元素的高度以使其与同级元素相等。
要将div元素的高度配置为与同级元素相等，可以使用CSS的布局技术。以下是实现该目标的几种常见方法：
- 使用相对定位（position: relative）： 通过设置div元素的position为relative，然后使用top、bottom、left、right属性来调整元素的位置，可以使其与同级元素等高。具体的CSS代码如下：
- 使用相对定位（position: relative）： 通过设置div元素的position为relative，然后使用top、bottom、left、right属性来调整元素的位置，可以使其与同级元素等高。具体的CSS代码如下：
- 推荐的腾讯云产品：腾讯云CSS CDN（内容分发网络），该产品可以加速网站访问速度，并提供全球节点覆盖、高可用性、智能调度等特性。产品介绍链接地址：https://cloud.tencent.com/product/cdn
- 使用弹性盒模型（Flexbox）： Flexbox是一种灵活的布局模型，通过设置容器和子项的属性，可以实现等高布局。具体的CSS代码如下：
- 使用弹性盒模型（Flexbox）： Flexbox是一种灵活的布局模型，通过设置容器和子项的属性，可以实现等高布局。具体的CSS代码如下：
- 推荐的腾讯云产品：腾讯云小程序开发平台，该平台提供了小程序开发所需的一站式服务，包括小程序云开发、小程序应用管理、小程序开发工具等。产品介绍链接地址：https://cloud.tencent.com/product/wmp
- 使用表格布局（Table Layout）： 将div元素包含在一个表格布局的容器中，通过设置表格行和单元格的属性，可以实现等高布局。具体的CSS代码如下：
- 使用表格布局（Table Layout）： 将div元素包含在一个表格布局的容器中，通过设置表格行和单元格的属性，可以实现等高布局。具体的CSS代码如下：
- 推荐的腾讯云产品：腾讯云微信开放平台，该平台提供了与微信生态相关的各种开放接口和工具，包括用户授权登录、消息推送、支付接口等。产品介绍链接地址：https://cloud.tencent.com/product/wxopen
以上是实现配置div高度等于同级元素的几种常见方法，具体的选择取决于具体的需求和网页布局。腾讯云提供了各种与云计算相关的产品和服务，可以满足不同开发需求的云计算场景。
相关·内容
我想用CSS实现一个导航条。
HTML
<nav>
Navbar content
</nav>
<div id="mainContent">
Main page
</div>
CSS
nav {
position:fixed;
height: X%;
min-height: Ypx;
}
#mainContent {
margin-top: Z; // where Z is the height of nav which is either X% or Ypx
}
我知道一个解决方
浏览 2提问于2014-04-14得票数 3
3回答
我的网站上有几个页面，放置内容的容器高度各不相同。我设置了最小高度，因为有些页面不是很大，我不想让它们太短。但现在其他页面也停止在该最小高度。我只想让容器的长度和代码要求的一样长，但是最小高度是650px。代码如下：
#container { margin: 0 auto; padding: 0 0 20px 0; text-align: left; width: 1024px; min-height: 650px; overflow: hidden; background-color: rgba(255, 255, 255, 0.92);}
因为它是在Joomla中的，所以我没
浏览 0提问于2016-04-30得票数 0
2回答
我有一个appbar，主页会出现在应用程序栏后面。我想让它出现在它下面。看上去是这样的：
AppBar代码：
const Header = () => {
const [value, setValue] = React.useState(0);
const handleChange = (event, newValue) => {
setValue(newValue);
};
//Breakpoints
const theme = useTheme();
const isMatch = useMediaQuery(theme.breakpo
浏览 3提问于2021-08-04得票数 0
回答已采纳
4回答
HTML结构
我有以下html结构：--这是一个固定的结构，我不能编辑
<div class="separator"></div>
<table class="myClass">
<thead>
<tr>
<th>title1</th>
<th>title2</th>
</tr>
</thead>
...
</table&
浏览 0提问于2012-06-04得票数 3
回答已采纳
1回答
我有这样的div：
<div class="box">
<div id="myid" style="display:hidden;"> <p>some stuff here</p></div>
</div>
当我在上面的html上执行$("myid").slideToggle("slow");时(div "myid“是隐藏的)，如果的内容在box上有更大的高度，我的内容就会从"box”类的底部溢出，奇怪的是，除了IE8之
浏览 3提问于2010-04-07得票数 0
回答已采纳
3回答
垂直对齐文本
、、
我正在开发一个使用离子元素的应用程序。我用图标来显示一些东西，并且遇到了一个问题。这是我的密码：
HTML：
<ion-view view-title="TITLE" ng-popstate="onPopState($state)">
<ion-content class="background-change" scroll="true" has-bouncing="false">
<div class="this-dir">
浏览 8提问于2016-03-14得票数 0
回答已采纳
1回答
当我将div.container的样式更改为display: flex时，图像高度会增加。我如何阻止这种情况的发生？
之前：
$('.text').prev('img').css('height',$('.text').outerHeight());
div.container {
border: 1px solid;
}
img {
float: left;
}
<script src="https://code.jquery.com/jquery-1.12.4.js"></scri
浏览 4提问于2017-03-12得票数 1
回答已采纳
1回答
动画化页面回流？
、、、
我正在切换div的内容(淡出旧内容，然后淡入新内容)，因为它们是略微不同的内容，当它们改变的时候，它们下面的所有内容都会有一个刺耳的重组。
我的问题是，有没有办法让这个动作变得顺畅呢？
我怀疑这样做的唯一可行方法是使用javascript提前确定开始和结束元素的高度(在我的例子中，我只处理垂直对齐移动的块)，并直接分配这些值。一旦我这样做，我相信CSS3转换将应用一个令人愉快的动画。
有没有一种方法可以在不指定显式维度的情况下实现这一点？我似乎回想起在某一时刻经历过以动画方式在页面上移动的项目。这给了我希望，它可以只使用CSS来完成。
浏览 1提问于2012-07-15得票数 5
回答已采纳
2回答
我读过大多数类似的帖子，但既没有使用与高度相等的线条高度，也没有使用显示器:表格单元格+垂直对齐:中间帮助我将绝对定位的div内的数字中心化。
任何帮助都是非常感谢的。
<div id='test'>
</div>
CSS
#test {
position: relative;
width: 100px;
height: 100px;
border: 1px solid black;
}
.cell {
display: table-cell;
vertical-align: middle;
浏览 3提问于2013-04-02得票数 0
1回答
我正在尝试做一些看起来简单明了的事情。我只想在背景图像上放置一个div (一个矩形)。div不会显示为覆盖在背景图像的顶部。div实际上根本不会出现。除了使用位置绝对之外，我还尝试使用z-index将div移动到图像前面，但都没有成功。下面是我的html和CSS：
<div id="banner-contact">
<div id="background-contact-info-contact"></div>
</div>
</div>
浏览 0提问于2017-12-10得票数 0
1回答
平衡二叉树的定义
、、
因此，我一直在研究平衡二叉树。
我用谷歌搜索了一下，我找到的是：
其中每个节点的两个子树的深度相差1或更小的二叉树(来自维基百科)
难道我们不能将平衡二叉树定义为高度不超过ceil( log (n+1) /log2)的树吗？
从这个答案看，，提问者似乎已经问了很多相同的问题，但被接受的答案拒绝了这个想法，给出了斐波那契树的例子。斐波那契树不是平衡树，对吧？我认为答案可能会与AVL树中平衡树的定义混淆，据我所知，平衡树允许某些不平衡树
浏览 0提问于2013-02-01得票数 2
回答已采纳
1回答
我有一个固定页脚和页眉的布局，我想要的是让"info-box“div的高度可变，并让”scrolling div“填充右列中剩余的垂直高度。正如您在中看到的，如果我将滚动-div的高度设置为100%，它将变得与右列一样高，而不是其余的空间。
这是该页面的HTML：
<body>
<div id="header">
</div>
<div id="main-container">
<div id="page-content">
浏览 2提问于2013-02-28得票数 1
当我使屏幕变小时，我不明白为什么我的字体没有缩小。
我把我所有的CSS设置成百分比，这样一切都会有反应。
相反，当我使屏幕变小时，字体不会改变大小，从而破坏了设计。
我正在我的24“显示器上建立我的投资组合网站，然后在我的13”屏幕上检查它，以确保它是缩放的。
#about {
height: 100%;
width: 100%;
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.12, #061419), color-stop(0.61, #36875F));
b
浏览 2提问于2015-08-24得票数 3
回答已采纳
1回答
我有一个网站与不同的部分，每个设置为浏览器窗口的高度。在某些情况下，内容比浏览器窗口高，我使用一个函数来检查这一点，并使用以下函数将div的高度设置为其内容的高度：
$('.container').each(function() {
var _this = $(this);
var this_ = this;
var windowH = $(window).height();
var textH = $('.text', this).height();
if(windowH <
浏览 0提问于2013-04-23得票数 0
这是一个相对较新的问题，关于为什么悬停不能对子元素起作用，以及为什么当我将元素的位置更改为“绝对”时，元素会消失。
我的项目是基本的，有一个页眉，一个页脚和一个容器。在容器中有一个名为"imagewrap“的子div，它有一个图像。我想添加一些按钮，允许您更改图像。我希望当你将鼠标悬停在图像上时，这些按钮就会出现，就像你在这张gif中看到的那样，
当我将鼠标悬停在容器上时，按钮确实会出现，但它们会在图像下方出现。如果我把他们的位置改成绝对位置：
.buttons {
cursor: pointer;
z-index: 3;
opacity: 0;
浏览 0提问于2017-02-27得票数 0
回答已采纳
2回答
我想要制作一个元素，也就是我用css制作的框，显示在框架之外，或者有一个完整窗口长度的最高边距值。
下面是一个工作示例的网站链接：引用链接的网站，我想复制刚脱离框架的白色背景区域，使用户通过滚动发现白色区域。谢谢您抽时间见我。
HTML代码：
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="Stylesheet.css"></link>
<s
浏览 0提问于2015-01-07得票数 1
回答已采纳
我做错了什么？
$('function') {
$('#page #Description:has(.next('.subdescription'))').css('display', 'none');
});
其中HTML是：
<div id="page">
<div id="description"> </div>
<div class="subdescription">Content</div&g
浏览 0提问于2009-09-21得票数 0
回答已采纳
1回答
我删除了我的项目的所有不必要的部分，只是为了显示我有什么问题的核心问题。App.css
.App{
background-color: aqua;
}
.AboutMe{
color:blue;
background-color: yellow;
}
App.js
import logo from './logo.svg';
import './App.css';
function App() {
return (
<div className="App">
<div className=&
浏览 3提问于2022-03-23得票数 0
回答已采纳
2回答
注意:我还在学习CSS和HTML，所以如果这个问题看起来很“无趣”--那是因为它确实如此。如果你能提供一个例子，或者一篇针对我的问题的文章，那就太好了。
我创建了一个div ("background")，其中包含两个div ("left“和"right")。
我希望“背景”div的高度扩大或收缩，根据“左”和“右”div中的内容数量。
#background {
width:100%;
height:15em;
background-color:#FFF;
box-shadow: 0 0 5px #888;
-moz-box-shadow: 0 0 5p
浏览 1提问于2012-12-07得票数 6
2回答
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html {
height: 100%;
width: 100%;
}
.top {
浏览 18提问于2018-01-17得票数 3
1回答
我有两个包含一些内容的flex列。我希望第一列的高度始终等于第二列的高度，如果第二列的内容比其他列的内容更多，则使用overflow: auto。一个重要的注意事项是我不想使用绝对定位。以下是我所追求的：
.cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: auto;
}
.content-1 {
height: 500px;
background-color: green;
}
.content-2 {
height: 150px;
浏览 2提问于2019-11-09得票数 1
回答已采纳
在这里，我为所有图像分配了100%的高度和宽度。但它实际上溢出了网格容器的高度(40 in )。实际上，我希望这些图像能掩盖40 to。
HTML：
<div class="grid-container">
<div class="grid-item" style="order : 1 ;">
<a href="https://www.facebook.com/" target="_blank">
<img s
浏览 1提问于2022-05-05得票数 1
1回答
我正在尝试建立一个系统，用户可以在这个系统中更改显示的图像/文本组合的大小(比如“Ex附录#.#”之类的东西)，在这个系统中，图像将缩小到它需要的任何大小，而不会将周围的内容推开到包含的范围之外。然而，我尝试过的每一件事都有这样或那样的问题，并且考虑到我正在处理的图像可以是各种大小的，我需要一个解决方案来处理所有的情况。
这似乎是一个简单的问题，但无论出于什么原因，我完全是困惑。
下面是一个带有动画大小的JSBin，以更好地说明我的问题：
我正在使用的html/css：
body div {
text-align: center;
}
@keyframes movingbox {
浏览 2提问于2015-07-17得票数 2
回答已采纳
2回答
有没有办法让一个元素的高度(比如div)从下到上动画化？例如，假设我有一个高度为15px的div元素。
<div class='greyBox'>
<p>Example text</p>
</div>
css是：
.box{height:15px;width:60px;backgroundColor:#000;float:left;margin-left:20px;}
.box p{opacity:0;}
然后我使用这个jQuery：
$('.greyBox').mouseenter(function(){
浏览 0提问于2012-06-11得票数 1
回答已采纳
1回答
我是新的角材料，我正在尝试在我的应用程序中实现md选项卡。但是，我无法为选项卡内容设置样式以获得屏幕的剩余高度。有人能帮我查一下柱塞并指出我哪里出了问题吗？
下面是柱塞的链接：
tabs-overview-example.html
<md-tab-group>
<md-tab label="Tab 1"><div class="content-style">Content 1</div></md-tab>
<md-tab label="Tab 2">Content 2
浏览 3提问于2017-05-02得票数 4
回答已采纳
1回答
我正在制作一个投资组合网站，现在在项目部分工作。我使用的是主要div包装器的网格显示。在CSS的一开始，我将.main、body和html的边距设置为0，这样就不会有任何剩余的空格出现在其中一条边上。由于某种原因，在页面底部有一个奇怪的间隙： ? 我已经尝试将更多元素的边距设置为0，但似乎都不起作用。你知道这是什么原因造成的吗？ @import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
html,
body,
.main {
margin: 0;
height: 10
浏览 10提问于2019-12-07得票数 0
回答已采纳
1回答
dompdf使页眉和页脚“实心”
、、、、
您好，我正在保存一些html的东西与.pdf扩展使用域名。问题是我做了一个页眉和一个页脚(使用dompdf脚本)，只要内容不填满整个页面，它看起来就没问题。
问题是，生成的页眉和页脚就像一个绝对定位的div，页面内容位于它们之下，而不是在到达页脚后跳转到下一页。
现在，我知道它们被添加在html之后，文本被放在下面是正常的，但是有没有(可能是用某种html/css解决方案)来做一个坚实的div，一旦上面的div“到达”，它就会跳到页面上的下一个可用空间？
有什么可以解决的吗？提前感谢
浏览 0提问于2012-02-16得票数 1
回答已采纳
3回答
我最近决定抛弃表格，在这个新项目中使用div解决方案，然而，当我在另一个div中将div设置为100%而不会导致与div高度相等的溢出时，我遇到了一个非常奇怪的问题。它的行为就像浏览器没有意识到它上面的div占据了那个空间。
我有一个固定宽度和高度设置为100%的包装器div，在中间列中有3个div (左、中、右)，顶部2个具有固定高度90px，第三个被设置为100%来填充其余的内容区域，但它正在脱离包装器div并导致180px的溢出。我在JSFiddle上设置了这个简单的布局：
<body>
<div class="wrapper">
<
浏览 0提问于2013-06-19得票数 2
1回答
我正在用rails制作一个带有react/redux的应用程序，我想防止用户在主页上滚动。然而，正如我现在所做的那样，我的应用程序是一个单一的页面应用程序；这意味着我只有一个html和body标记。我尝试将overflow: hidden添加到body标记中，但这样可以防止在整个站点上滚动。我确实有一个单独的div，它保存了所有的主页组件，如so (在组件中呈现)：
const Splash = () => (
<div className="splash-root-container">
<header>
<Head
浏览 2提问于2020-01-30得票数 0
回答已采纳
4回答
我有一个带有max-width of 1000px和max-height of 650px的包装div。
我想动态地调整这个包装器的宽度和高度，同时保持它的纵横比。如果调整浏览器窗口的大小以减小宽度，则应调整高度.如果高度减小，则应相应调整宽度。
我正在使用HTML5和CSS3。这是在桌面和移动设备上创建一个响应性布局的尝试。
浏览 3提问于2014-01-20得票数 0
回答已采纳
3回答
我刚刚开始在一个新网站上工作，我只是想弄清楚所有事情的发展方向。我为我想要的东西做了几个div。当尝试在CSS中为它们添加背景颜色时，它不会应用该颜色。
HTML
<body>
<div class="header"></div>
<div class="hero"></div>
<div class="ads"></div>
<div class="content-1"></div>
浏览 0提问于2020-06-16得票数 2
1回答
我可能会在这里得到烘焙，但我已经导出我的Photoshop图层到CSS，UI看起来很右边，但全部居中在左边。我已经尝试了所有我知道的东西，但似乎没有中间的东西。因为我希望UI是响应式的，这对我来说是一个挑战。我已将其设置为默认设置。
HTML：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<b
浏览 2提问于2020-05-18得票数 0
2回答
因此，我目前对整体角度还不太熟悉，所以我的CSS知识并不太大，我试图为一个定制的侧边栏填写div，但是除非我在div中添加了某种内容，否则它实际上不会填充到min-height: 100%;中，我从height: 100%,开始，并且尝试了height: auto;，并删除了填充和边距。
导致我的路由器出口，这导致了我的SideBar组件。
Styles.css
html {
min-height: 100%;
overflow: hidden;
}
body {
min-height: 100%;
background-image: url('assets/Imag
浏览 5提问于2020-12-18得票数 0
回答已采纳
3回答
对html/css中嵌套容器的高度有些困惑。对于ex。在这种情况下-如果inner2和inner1有100%的显式高度，那么height:100%似乎是有效的，或者看起来像是小提琴中的那个。
<div class="container">
<div class="inner1">
<div class="inner2">
<div class="inner3">
asdlfalsjdflk
浏览 1提问于2014-05-29得票数 2
对于给定场景中的xpath，存在疑问：
我在一个定制的下拉组件中有这两个下拉项目，这个组件有一个文本框来搜索包含通知文本的项。使用XPath表达式，我希望获得与我放置在文本框中的消息文本完全匹配的下拉项目，而不是返回包含span标记之前的文本的下拉项目。这个范围包围了与通知标准匹配的项。
更清楚的是，让我们看一下html代码本身，我们有这样的问题：
第一个下拉项目，包含我想返回的项目。在div中包含文本Steak而不包含任何上述文本的span。
<div id="dropdown-item" role="option">
<span class
浏览 1提问于2015-09-14得票数 1
回答已采纳
我一直在HTML5，javascript和CSS上工作，我想获得屏幕的高度，并在CSS中相应地设置我的"div“的高度，而不是使用javascript和jquery。这样它就可以根据任何屏幕进行自我调整。我试过使用height=100%，但它占用的高度和div的内容一样长。有没有办法帮我一把..
提前感谢！！
浏览 3提问于2013-03-26得票数 0
4回答
我在一个网站上使用下面的图库插件。
请注意，图像垂直对齐到中间。包含图像的div具有垂直对齐属性和设置为div高度尺寸的行高。不幸的是，在像AOL这样的老式浏览器中，图像不能居中对齐。
我可以使用什么css来实现对齐？
浏览 1提问于2011-12-30得票数 0
回答已采纳
如果一个元素的滚动条在底部，如何检入JQuery？html结构类似于以下内容
<div class="container">
<ol class="list">
<li class="item">Item 1</li>
....
</ol>
</div>
如果ol.list下的项目超过了定义的高度，.container就会得到一个滚动条。
浏览 0提问于2012-06-21得票数 1
回答已采纳
这里有一个小提琴-
我要做的是抓取元素" .right“的高度，并将内联样式应用于".left”，该样式与jQuery抓取的.right的高度相匹配：
<li class="first">
<div class="left"></div>
<div class="right">
<h1>Bear claw bear claw biscuit biscuit.</h1>
<p class="nfo">Bear c
浏览 3提问于2016-11-18得票数 0
回答已采纳
2回答
因此，我正在努力学习HTML和CSS，以解决前端的挑战。这个是新的，所以我找不到解决方案来查找我的问题。我的问题是，我以前没有做过任何悬停效果，所以，我试着自己做，但我做不到，它应该可以工作，我的意思是，一切看起来都很好，除了idk。感谢每一个帮助。 #nft {
width: 300px;
border-radius: 7px;
}
#view {
position: absolute;
opacity: 0;
width: 150px;
}
#nft:hover #view {
opacity: 1;
cursor: pointer;
} <di
浏览 27提问于2021-11-19得票数 0
我不明白为什么当height使用%值时，slideToggle会导致两个面板在父div之外增长：
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(".panel")
浏览 0提问于2011-08-05得票数 1
2回答
我正准备在我们网站的仪表板上开发infinate卷轴，但是我现在仍然停留在如何在我的中确定容器div的底部。
原始函数，它在没有容器div的空白页上工作。
var wireInfinScroll = function() {
console.log('in wireInfinScroll');
$('#scroll_screen').scroll(function(){
console.log('scrolling...');
console.log(' ');
浏览 3提问于2013-12-26得票数 2
回答已采纳
让我解释一下我需要做什么。
我已经设置了如下标题图像。
这是react代码和相关的css
HeaderImage.jsx
import React, { Component } from "react";
import { Container, Col, Row } from "react-bootstrap";
class HeaderImage extends Component {
render() {
return (
<div className="container-fluid">
浏览 2提问于2020-06-21得票数 0
我在一个父div中有两个子div。Child1是头部，Child2是主体。我希望将子代2的高度设置为Parent - Child1的高度。Child2有内容，所以它应该是可滚动的
我知道我可以通过JS设置Child2的高度，但是通过CSS这样做是不是很有可能呢？
浏览 3提问于2013-03-19得票数 0
回答已采纳
我的文字泛滥见截图
下面是css：
.card_main {
border: 1px solid black;
margin-top: 30px;
border-radius: 5px;
height: 900px;
background: #ffffff;
width: 100%;
}
.blog_content__text {
width: 95%;
height: 320px;
border-bottom: 1.5px solid lightgray;
margin-left: 2.5%;
margin-top: 20px;
}
.blog_
浏览 4提问于2022-06-21得票数 0
回答已采纳
我试着让这辆自行车(带有图片的div ) wheelie(css3动画) onclick( javascript )，整个事情都很好，除了持有自行车的div忽略了转换原点(它也从0%0%旋转，这更糟糕)(我测试了div，删除了我认为会阻碍的所有javascript和其他css，但它仍然从0%0%旋转)。我发现这非常令人困惑，因为我以前用div做过这件事，但也许我忽略了一些东西。以防你想知道所有东西都必须绝对定位，但这以前从来没有导致过这个问题。
此外，如果你对我的代码有任何意见，我如何清理它，或者如果我以一种大概的方式写作，请让我知道，我一直在努力改进。谢谢。
相关CSS：
#wheel{po
浏览 0提问于2011-09-02得票数 1
回答已采纳
在我的文本框中有一些填充，我想消除。考虑以下HTML：
<div>I am testing text. Hello WORLD.</div>
和CSS：
div {
font-size: 20px;
line-height: 1;
background: lightgreen;
}
在方框内的文本上面的一些填充结果：
正如你所看到的，就在文本顶部，有几个像素的填充，我似乎无法摆脱。我能做些什么来消除这种填充(最好没有硬编码的调整值)？
这个问题的代码在这里：
浏览 2提问于2013-11-01得票数 0
回答已采纳
1回答
下面的布局可以使用CSS吗？如果没有，是否有比我目前的JS解决方案更好的解决方案？关于完整的例子，请看小提琴。
+--------------------+
| |
| |
| |
| |
| |
| |
| |
| |
| |
|-------------
浏览 3提问于2015-10-30得票数 0
回答已采纳
我想让一个图像填充网格行中的一个单元格。我希望使用CSS background-size: cover属性来允许它按比例填充单元格。
例如：
<div class='row'>
<div class='medium-6 columns'>
<div style='
background: url("/img/picture.jpg");
background-position: center top;
background-repeat:
浏览 0提问于2014-11-18得票数 0
1回答
我有一个内部的和。我的问题:外部div有边框半径和overflow:隐藏。图像比它的父项更宽。但是overflow:隐藏可以很好地隐藏图像的其余部分。只有边框半径不适用于图像。为什么？
我的HTML结构：
<div class="teaser-container tc1-sidebar">
<a href="#">
<img class="teaser-image bottom" src="dist/img/teaser/bigteaser-bonus-hover.jpg" alt="tea
浏览 1提问于2013-09-25得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
