在可变持续时间内收缩div的宽度
是通过CSS中的过渡（transition）属性来实现的。过渡属性可以在元素的状态发生变化时，平滑地改变元素的样式。
具体实现步骤如下：
- 首先，在CSS中为目标div元素设置初始的宽度和过渡属性。例如：
div {
width: 100px;
transition: width 0.5s ease;
}这里设置了初始宽度为100px，并且定义了过渡属性为宽度（width），过渡时间为0.5秒，过渡效果为缓动（ease）。
- 接下来，在JavaScript中通过操作元素的样式来改变div的宽度。例如：
var divElement = document.getElementById("myDiv");
divElement.style.width = "50px";这里通过getElementById方法获取到目标div元素，并将其宽度设置为50px。
当以上代码执行时，div元素的宽度会在0.5秒的时间内平滑地从100px变为50px。
这种技术可以应用于各种场景，例如在用户交互中实现动态效果、实现页面加载时的渐变动画等。
腾讯云提供了一系列云计算相关的产品，其中与前端开发和动画效果相关的产品包括腾讯云Web+和腾讯云CDN。腾讯云Web+是一款全托管的Web应用托管服务，提供了丰富的前端开发工具和环境，可用于部署和管理前端应用。腾讯云CDN是一项内容分发网络服务，可以加速静态资源的传输，提高页面加载速度，从而提升用户体验。
腾讯云Web+产品介绍链接：https://cloud.tencent.com/product/tcb 腾讯云CDN产品介绍链接：https://cloud.tencent.com/product/cdn
相关·内容
1回答
在此布局中，两个项目向左浮动，一个项目向右浮动：
.content {
background-color: red;
float:left;
width: 300px;
}
.menu {
float:right;
width: 150px;
background-color: green;
}
<DIV class="container">
<div class="content">CONTENT</DIV>
<div class="conten
浏览 0提问于2014-03-21得票数 0
我在这儿撞墙了，希望有人能帮忙。
我有一个带有黑色背景的容器div，我需要动态地“收缩”以适应其中的内容。我尝试过显示:内联块和其他几种常见的修复方法，但都没有效果。
里面的内容是大量的div框，它们都是齐平的:左。此数量的框可以在每次加载页面时动态更改。
这是我的css：
#blackboard {
background-color: black;
padding: 2px;
max-width: 580px;
display: inline-block;
}
.box {
height: 40px;
width: 34px;
bor
浏览 4提问于2015-10-03得票数 8
3回答
我有一个多列的布局，其中一些是固定的，另一些是根据需要扩展的。因此，我使用柔软盒。此外，我想和需要使用弹性包装。
结构如下：
<div class="row" style="display: flex; flex-flow: row wrap">
<div class="column fixed" style="flex: 0 0 auto"></div>
<div class="column stretch" style="flex: 1 1 au
浏览 3提问于2014-09-30得票数 41
回答已采纳
1回答
html水平滚动
、、
我有一个简单的css示例，当显示水平滚动时，我无法理解其中一个div的行为。so...when我的浏览器窗口需要显示水平滚动(当窗口宽度小于我的div "content“宽度(1024px)时)，我的div "footer”(具有相同的“content”父级和100%宽度)，似乎在右侧得到一个“额外的空白空间”。当我减小窗口的宽度时，这个空间会变大。有什么想法可以让我摆脱它，或者为什么它会发生？？谢谢！
下面是我的代码：
css：
<style type="text/css">
html, body {
hei
浏览 0提问于2010-04-17得票数 0
下面是演示我的问题的片段。问题是，每当我输入字段时，这个字段就会变得非常小。
$(function() {
$("select").select2({
placeholder: "Select a word",
width: "100%"
});
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<
浏览 1提问于2017-03-31得票数 2
回答已采纳
我需要在内联块div元素中显示一个表。
无论是块div元素还是内联块div元素的子元素，Chrome、、Safari和Opera都会呈现相同的表，这正是我所期望的。示例：
另一方面，当包含div的display属性是内联块时，Firefox会缩小表。示例：
JSFiddle：
标记：
table {
table-layout: fixed;
}
td {
background: red;
width: 33%;
}
<div>
<table>
<tbody>
<
浏览 1提问于2013-11-19得票数 0
回答已采纳
是否可以设置一个微型存储桶，这样文件就不会被覆盖，也不会被版本化？从概念上讲，我想要的是： $ mc cp myobject.bin myminio/mybucket // should be ok if 'myobject.bin' does not already exist in the bucket
$ mc cp myobject.bin myminio/mybucket // an error should be returned and 'myobject.bin' is not uploaded again 我已经尝试过'legalho
浏览 14提问于2021-02-11得票数 0
回答已采纳
我知道关于这个问题还有更多的问题，但我找到的所有解决方案都不符合预期的行为，我不知道是不是我的父母中的一个出了问题。我有三个“div”，它们包含三个不同的信息，它们必须显示在各自的行中，并且父元素必须应用边框，使所有内容都垂直和水平居中，从而创建一个具有不同文本的框。通过对每个文本块应用像inline-block或clear:both和float: left这样的解决方案，宽度会根据内容而不是父对象进行调整。尝试在父级上执行相同的操作不适用。 这是我的html <div class="service-options">
<div class="
浏览 15提问于2020-08-19得票数 0
回答已采纳
1回答
我有容器，它是可重新调整大小的，并包含内部元素<div>，它可以按任何顺序放置，当它们的数量增加时，我可以将它们添加到容器中。我的目标是当内部的div height或width变得比100px小，然后自动调整容器的大小。
可以有多个小于100px的元素。当容器调整大小时，所有元素都会变大，这取决于它们的width的百分比。
问题:当有多个小元素时，它们会向容器发送许多事件，如果有可能使所有元素都足够大，我想向容器发送一个重新调整大小的请求。
我尝试watch宽度，但它发送了许多请求。
scope.$watch(function () {
浏览 0提问于2015-09-30得票数 0
我有两个盒子。当窗口调整大小时，左和右的内容会自动调整高度大小。我想要的是自动调整#内容的大小--宽度也一样，以填补这两个框之间的空白。
到目前为止，我编写的代码只适用于第一页加载或刷新。当窗口被调整大小时，它不起作用。我做错了什么？
jQuery:
$(document).ready(function(){
$(window).load(function() {
scrollPaneLoad();
});
function scrollPaneLoad() {
if ($(window).height() > $(document).height
浏览 2提问于2012-07-22得票数 0
2回答
flex项不溢出
、、
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>My CSS experiment</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="box">
<div>One
浏览 0提问于2020-01-01得票数 0
2回答
控制器将UISegmentedControl添加到导航栏。分段控件是在控制器的viewDidLoad方法中添加到导航栏中的，但实际的分段是在调用viewDidLoad之后动态创建的。
我无法在显示视图时自动调整分段的大小。它们都被压扁了，，尽管这里的分辨率不适用。如果段是在分段控件添加到导航栏的右侧项之前添加的(破坏了代码的动态性)，则它们会自动调整大小，并且在显示视图时看起来很好。
下面是我的代码的精简版本。我遗漏了什么？
@implementation MyController
- (void)viewDidLoad {
// segmentedControl is a
浏览 0提问于2011-08-31得票数 6
回答已采纳
我有这部分样式，一个相对内联块元素，其中包含一个绝对元素：
<div style="display:inline-block;position: relative">
<div style="position:absolute">
<input type="text" />
<input type="button" value="submit" />
</div>
</div>
在CSS下拉菜单中也可以看到，这种情况也不
浏览 1提问于2019-01-24得票数 1
回答已采纳
1回答
我有这个HTML
<div class="parent">
<div class="child one">child</div>
<div class="child two">This is some longer content sdsds ds dssdsdsd sds dsdsdsdsdsd sd sd sds sdsdsdsds sdsdsd
sd sd sd sd sdsdsdsdsds sdsdsdsd sds dsdsdsds
浏览 3提问于2021-10-08得票数 1
回答已采纳
2回答
我已经尝试了一段时间了。我尝试的是使用div的3列布局，如下所示：
页眉体-3列(左、中、右)页脚
我所用的样本：
HTML:
<head>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="header">
<h1>Header</h1>
</div>
<div id="left">
浏览 3提问于2011-05-31得票数 0
1回答
我有一个html页面。此页面的结构如下：
<body>
<div id="div1">....</div>
<div id="div2">
<table>...</table>
</div>
<div id="div3">....</div>
</body>
div在另一个下面，它们有一个边界，它们的宽度是相同的。
用户可以增长表的列，该表位于div2中。在这种情况下，div1的宽度调整(边框增加)
浏览 1提问于2015-03-30得票数 1
回答已采纳
2回答
我有两个父母的盒子放在一起，在他们里面我有另一个弹性盒，这样h2和p可以并排坐着。
我没有设置父框的宽度，理想情况下我不想设置。
为什么我的文本内容包装，当有空间为每个弹性框展开？在这个例子中，标题是在Is后面包装的--为什么h2不能展开，使This Is Title A全部出现在一行上？
.container {
background: grey;
display: flex;
}
.container>div {
align-items: center;
display: flex;
}
h2 {
flex-basis: 40%;
}
p {
fl
浏览 0提问于2019-03-04得票数 1
回答已采纳
1回答
我正在使用flex环境自动缩放具有固定边和头部的容器(使用jquery在文档就绪时加载头部)。
--------------
| header |
--------------
| |canvas| |
| | | |
--------------
有两个flex环境，一个从上到下(列)，一个从左到右(行)。
在不考虑画布的情况下，这似乎是正常的。当页面加载并应用flex时，画布会进行缩放，其大小会发生变化，而上下文的“渲染”宽度/高度保持不变。这会导致图像以较小的分辨率渲染并被拉伸。
为了解决这个问题，在渲染之前，我每次都会运行这个函数：
Map._resizeCa
浏览 0提问于2019-11-26得票数 0
2回答
我有一个有三个孩子的柔性容器。每个孩子都有一个最小和最大的宽度，我想让他们以一个特定的顺序生长/收缩。因此，随着窗口宽度的减小，Item1应该收缩到它的最小宽度，然后Item2应该减小到它的最小宽度，然后是Item3。有人能帮我找出我做错了什么吗？我试图从文档中辨别如何设置订单，但我只是不理解。
<div className="MainContainer">
<div className="Item1">
I should shrink first/expand last!
</div>
<div c
浏览 6提问于2022-01-27得票数 2
我有一个浮动的父元素和一个也浮动的子元素，加上一些内容为子元素提供了一些维度，如下所示：
<div id="parent">
<div id="child">
WWWWWWW WWWWWWW WWWWWWW
</div>
</div>
孩子的宽度受width和min-width的限制。
#parent {
width: auto;
float: left;
}
#child {
width: 16%;
min-width: 150px;
float: left;
}
我希望发生
浏览 0提问于2018-01-22得票数 1
回答已采纳
2回答
我试图使一个容器div的宽度动态地折叠到它的内联块内容上。从我所能确定的每一个都是不可能的
一般来说，线框的左边接触其包含块的左边，右边接触其包含块的右边缘。但是，浮动框可能位于包含块边缘和行框边缘之间。因此，尽管相同内联格式上下文中的行框通常具有相同的宽度(包含块的宽度)，但如果由于浮动而减少可用的水平空间，则它们的宽度可能会有所不同。
问题是匿名文本块假定容器的宽度。
我想让内部元素像这样对宽度做出反应..。
var demoContainer = d3.select('#demoContainer').style('width', '20
浏览 0提问于2015-04-25得票数 3
回答已采纳
1回答
我有一个包含文本和图像的div。我希望允许用户使用收缩缩放来更改文本/图像的大小，但我不希望显示需要水平滚动(即，无论缩放如何，我都希望div填充视口的宽度)。
我看过很多关于viewport的帖子(我确实在标题中使用了"viewport“元标签)，但我不知道如何更改div的宽度，以便文本/图像始终换行到viewport的宽度。看起来我需要使用javascript捕捉一些大小/缩放事件，并调整div的大小，但这超出了我的能力范围。谢谢!
浏览 0提问于2013-12-09得票数 0
2回答
有问题将父flex容器宽度与子容器的flex容器内容宽度相匹配。
使用Bulma，我有以下HTML结构
.signup-form {
display:inline-flex;
align-items: center;
}
<div class="body">
<div class="is-active modal">
<div class="modal-background">
</div>
浏览 3提问于2017-03-16得票数 3
回答已采纳
1回答
图标名显示不正确
、、
我面临着奇怪的issue.My程序应该运行在iPhone3GS，4和5。当我安装我的应用程序到设备，应用程序名称显示不同的方式。我的意思是说我的应用程序名是XYZ业务，然后在3gs和XYZ总线中显示'XYZ...ess‘.我不明白为什么它表现得像this.please帮助我。谢谢你。
浏览 2提问于2014-03-18得票数 1
回答已采纳
1回答
是否希望始终在Oracle数据库中创建唯一ID？我知道Oracle数据库会自动创建一个唯一的字段ROWID，但是如果我因为性能问题而重组数据库，我所有的ROWID是否都会被更改/重构，这样我在其他应用程序中使用的in就会被破坏？
浏览 1提问于2015-02-11得票数 0
1回答
我在一个网站的响应式设计中使用flexbox对html中的一些元素进行了重新排序，它工作得很好，但这些元素无法正确调整大小。
在断点，我对home-promos分区应用了一个flex类，并对元素进行了重新排序。这可以正常工作。
当我尝试将div的大小调整为百分比宽度时，问题就出现了。它们只会调整到某个点，比如50%，然后就不会变大了。
有谁比我更擅长使用flexbox，能告诉我问题出在哪里吗？
.home-promos {
display: flex;
}
.home-promo-center {
order: 1;
}
.home-promo-left {
order: 2;
浏览 0提问于2016-06-14得票数 23
回答已采纳
当我第一次学习HTML时，有人告诉我，如果要使用float:left并行浮动2个div，就必须为这两个元素设置一个宽度。这是因为div在默认情况下是块元素，它将占用它可用的全部宽度。
由于我已经构建了各种项目，我遇到了一些情况，在不设置宽度的情况下，浮动无法工作，但在其他情况下，似乎不需要宽度，浮点数本身将限制元素的宽度。
例如，下面的显示两个元素仅使用float属性并排浮动，不需要宽度。
<style>
.left{
background-color:yellow;
float:left;
}
.right{
浏览 2提问于2015-04-22得票数 10
回答已采纳
我正在尝试创建一个工具提示元素，其最小宽度为50 max，最大宽度为200 max。我将工具提示元素放置在另一个元素中，这样我就可以轻松地控制工具提示何时出现或在父元素上有悬停事件时消失。
我遇到的问题是，工具提示元素的宽度似乎由父元素的宽度控制，即使我指定子元素(工具提示)具有绝对位置。
let p = document.getElementById( 'parent' );
let b = true;
setInterval( ()=> {
b = !b;
let w = 10;
if( b ) {
w = 300;
}
p.style
浏览 1提问于2018-10-23得票数 0
回答已采纳
你好，所以我已经做了几个小时了，我试着用很多不同的解决方案强迫它，但我似乎没有让它起作用。
目标:当屏幕变大时，使卡片占据更大的宽度。
这是我的根组件：
function App() {
const event = new Date(Date.UTC(2000, 11, 20, 3, 0, 0));
return (
<div className="bg-gray-200 p-8 min-h-screen flex items-center justify-center antialiased text-gray-900 flex-col">
浏览 3提问于2022-01-11得票数 0
回答已采纳
3回答
我有一个带有两个容器的标记。第一个设置为“位置:绝对”和所有4个“坐标”，以扩展整个站点(left=right=bottom=top=30px)。
在该容器内是另一个容器，其高度设置为"100%“和”显示:内联块“(”内联块“，因为第二个容器应该水平扩展到所需的宽度)。
在第二个容器内是一个图像，其高度设置为"100%“，宽度设置为”自动“，因此图像始终与两个容器一样高，并且仍然具有正确的比例。
我需要第二个容器，因为我希望在这个容器中放置一些绝对定位的元素，使其始终出现在图像的右侧。
问题是:在Firefox中，第二个容器不会随图像的自动宽度水平增长/展开。它保持在图像的原始
浏览 9提问于2013-05-02得票数 2
回答已采纳
1回答
在下面的例子中，我想用id child定位元素，所以它的右上角与id container匹配元素的右上角。换句话说，child需要突出在container的左边和底部，并使其右边缘和上边缘与container对齐。
但是，如您所见，child被压缩以与container宽度匹配。但不是完全--在第二个例子中，很明显，child被压缩到一定的极限，然后开始按需要运行(即相对于container向左移动)。
有人能解释一下在这种行为中涉及到什么魔法力量吗?我怎样才能具体说明child不应该压缩到其固有的大小以下呢？
在第三个例子中，我添加了一些不可压缩的文本，这无疑改善了这种情况。在某种程度上，也
浏览 0提问于2019-05-11得票数 3
回答已采纳
2回答
我正在使用一个基于这个网站的水平手风琴：
如果减小窗口大小，手风琴将自动换行；它不适合窗口大小。
期望值：
<div></div> <div></div> <div></div>
在较大的窗口大小上，这可以正常工作，但在减小窗口大小时，它将显示为：
<div></div>
<div></div>
<div></div>
浏览 0提问于2011-12-28得票数 2
回答已采纳
1回答
当display: inline-block on li元素深深嵌套在许多具有不同position: absolute|relative的父容器中时，我在维护它们时遇到了困难，我想知道是否有一组规则对此进行管理？
在沙箱环境中，这可以很好地工作：。
ul {
margin: 0;
padding: 0;
}
li {
display: inline-block;
color: white;
}
.body {
position: absolute;
}
.one {
position: absolute;
}
.two {
position: absolute;
浏览 1提问于2015-06-01得票数 1
1回答
我需要创建一个正方形的中心网格，里面有文本。使用jQuery帮助，用户将能够添加或删除方块(在行和列中)。
基本上，代码应该是：
<style>
div.square{
padding: 5px;
margin: 5px;
border: 1px solid green;
/*display: inline-table; /* IE fail*/
/*display: inline-block; /* IE fail*/
float: left;
}
div.row{
margin: 0 auto;
}
</s
浏览 0提问于2012-12-12得票数 0
回答已采纳
我有四张图片:两张小的，两张大的(尺寸以html表示)。它们的img宽度都设置为100%，但它们的父div设置为特定的宽度。当我调整浏览器窗口的大小时，较小的图像会立即缩小，而较大的图像则不会。
我在div周围有一个红色边框，在img周围有一个绿色边框。较小的图像的绿色边框在较大的图像之前缩小。为什么会这样呢？
img {
border: 3px solid green;
width: 100%;
}
.item {
border: 1px solid red;
max-width: 250px;
min-width: 60px;
margin: 10px;
}
谢
浏览 0提问于2015-02-18得票数 14
回答已采纳
2回答
我有一个包含两个divs的弹性容器，其中一个是固定的，我想另一个就像它不固定的那样(尊重它的宽度)，怎么做呢？
<div class="container">
<div style="position:fixed; width:15%;">...</div>
<div style="width:85%">...</div> // starts from the beginning of the page and ignores the width of the upper d
浏览 5提问于2022-09-26得票数 0
回答已采纳
我想从PDF中删除一些图像，但只有在尺寸(高度x宽度)方面符合特定标准的图像。这能用幽灵脚本吗？
我看到了一些移除所有图像的答案，但不仅仅是一些图像。
浏览 2提问于2014-10-29得票数 1
回答已采纳
1回答
我有一个困难的时间把这个问题的关键字，所以我无法检查副本和诸如此类的，我道歉，提前。
我正在尝试写我的第一个HTML5页面，我通过预览注意到，如果我缩小浏览器窗口的大小，DIVs就会从他们的位置上移动，试图适应更小的空间，使一切变得一团糟。我希望一切都保持固定，就像在全屏模式下一样，最终会弹出导航的角/垂直滚动条，也就是99%的网页会发生什么事。
我怀疑问题在于我使用的“浮动”风格，因为“浮动”听起来与“固定”相反，但我找不到另一种方法来保持DIVs并排。
我将添加一些代码，以便在以下内容中创建示例：
var xx=screen.availWidth;
var yy=screen.avai
浏览 0提问于2015-06-13得票数 0
回答已采纳
1回答
我的一个同事正在做一个CSS设计，它包含一个无序的列表(<ul>标签)，它的<li>标签漂浮在右边。
每个列表项都包含一个<div> (非浮动)，其中包含一个图像和一个段落。
当鼠标悬停在内部<div>的上方(使用jQuery动画效果)时，它的宽度会发生变化。
问题是，当<div>的宽度改变时，它会超出<li>界限。
一般来说，有没有一种方法可以根据内容元素的最大宽度来扩展或缩小浮动元素？
浏览 0提问于2011-11-24得票数 1
回答已采纳
我有以下代码：
HTML：
<div class="main">
<div class="myClass1">
</div>
<div class="myClass2">
</div>
<div class="myClass3">
</div>
<div class="myClass4">
</div>
</div>
CSS：
.ma
浏览 3提问于2015-11-23得票数 0
回答已采纳
1回答
我有一个静态大小的盒子。在框内，我有一个光滑的网格实例和一些临时内容显示在底部。我希望网格的垂直大小能够很好地流动，这样所有的临时内容都会出现在底部，而不会调整父框的大小。
我在div上使用display: table;和display: table-row;完成了这个任务。
：在添加网格之前切换内容，看看我希望它做什么。单击"Add Grid“初始化网格并引发问题。
当容器正在使用SlickGrid时，display: table;似乎没有正确地调整自身大小。它在水平上变得太大了，当调用grid.resizeCanvas()时，它的大小似乎越来越大。
如果从#table和#tallR
浏览 2提问于2014-07-25得票数 0
有人能告诉我，当我把屏幕变小的时候，李氏为什么会走错地方呢？我希望他们总是在他们的地方，即使当我改变屏幕大小。我有一种感觉，这与.fixedwidth有关，虽然我一直在尽我最大的努力解决问题，但仍然找不到它是什么。
<!doctype html>
<html>
<head>
<title>Noam's BBC</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/
浏览 3提问于2015-09-10得票数 2
回答已采纳
1回答
如果这是一个复制，似乎很可能，我找不到它要求在这里的其他任何地方-我看了！
我有一个div，它使用$(#myDiv).animate({width:'toggle'},1000)出现并消失。它工作得很好，但问题是，随着div的扩展和收缩，内容会像人们预期的那样动态地调整大小，因为我只是在改变它的宽度。但是我想要的是div的内容不要调整大小，这样当div扩展时，内容就会慢慢显示出来，当它再次缩小时，内容就会被隐藏起来。
我创建了一个小提琴来说明这个问题。
浏览 1提问于2014-12-18得票数 1
回答已采纳
2回答
在我设置页面的方式中，我有一个div位于页面的中心，占据了页面的70% (宽度: 70%)，在这个div中，我有一个带有文本的横幅(在p元素中)和一个表格。此横幅应该与表的宽度相同，当我设置宽度时，我将横幅和表的宽度设置为100% (容器div的宽度)。当我水平缩小浏览器时，表格大小保持不变，但横幅缩小到左侧，看起来非常难看。如果我平滑浏览器，使它比文本中最大的单词更薄，文本就会从横幅上消失！我怎么才能修好这样的东西呢？(注:最后一句指的是美味的水鸟，而不是亵渎。这不是一个打字错误。)
浏览 0提问于2011-07-19得票数 0
2回答
我有这样的html和css代码。我有两个问题：
当窗口宽度为600 is时，理论上，左框应为150 is宽度，因为它是父框的25% (600 Is)，但宽度为120 is。右框不能达到100 is。它只需要widthOfParent - widthOfLeft。我想它应该会溢出，达到100 it .
<div class="container">
<div class="left"></div>
<div class="right"></div>
&l
浏览 6提问于2022-01-17得票数 1
回答已采纳
3回答
有人能解释为什么我的带有div的table-layout:fixed更改父元素的宽度(在本例中为body)，使其成为100%，而不应该是100%，因为它已经定位了？
body {
border: 2px solid red;
height: 100vh;
margin:0;
padding: 0;
position: absolute;
}
.c{
display: table;
width: 80%; /* Any percentage value different from 0 */
table-layout:fixed;
outline: 2p
浏览 0提问于2018-08-11得票数 15
正如您在下面的片段中所看到的，我有3个孩子在柔性盒的设置宽度为200 in，150 in和300 in。然而，当我调整浏览器的大小，元素耗尽空间时，它们开始缩小，即使它们有硬编码的宽度，我不知道为什么会发生这种情况。
.row {
display: flex;
justify-content: space-between;
width: 100%;
height: 50px;
}
.column1 {
width: 200px;
background-color: red;
}
.column2 {
width: 150px;
background-color: blue;
}
.colu
浏览 3提问于2020-12-16得票数 1
回答已采纳
1回答
我正在创建一个新的网站，我已经创建了两个交叉衰落图像并排在不同的div身体。这些交叉衰落图像在全屏上工作得很好，但是当我缩小浏览器的屏幕时，图像保持在与原来相同的像素中。我希望这些图像收缩和适合在屏幕上，根据设备，如响应网站，我想让那些交叉衰落图像响应。
.wrapper {
display: flex;
}
.le,
.ri {
height: 30%;
width: 50%;
}
.le {
float: left;
align-self: center;
}
.ri {
float: right;
align-self: center;
}
<
浏览 4提问于2021-05-15得票数 0
回答已采纳
2回答
我在IE6和IE7中遇到了一个奇怪的CSS浮动问题。
我的HTML是：
<fieldset style="float:left">
<legend>Summary</legend>
<div class="display-label">Recruitment type</div>
<div class="display-field">Permanent Labour</div>
<div class="display-
浏览 0提问于2011-04-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
