如何在另一个DIV内联显示固定大小的DIV？
在另一个DIV内联显示固定大小的DIV可以通过CSS样式来实现。具体步骤如下：
- 首先，在HTML中创建两个DIV元素，一个作为容器DIV，另一个作为要显示的固定大小的DIV。例如：
<div id="container">
<div id="fixedDiv"></div>
</div>- 接下来，使用CSS样式来设置这两个DIV的属性。首先设置容器DIV的样式，使其具有相对定位的特性，并设置宽度和高度，以及其他样式属性。例如：
#container {
position: relative;
width: 500px;
height: 300px;
background-color: #f2f2f2;
}- 然后，设置要显示的固定大小的DIV的样式，使其具有绝对定位的特性，并设置宽度和高度，以及其他样式属性。同时，使用top和left属性来控制该DIV在容器DIV中的位置。例如：
#fixedDiv {
position: absolute;
width: 200px;
height: 100px;
background-color: #ccc;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}在上述代码中，通过设置top和left为50%，以及使用transform属性和translate函数来使固定大小的DIV在容器DIV中居中显示。
- 最后，将CSS样式应用到HTML中的元素上。可以通过内联样式或者外部样式表的方式来实现。例如：
<style>
#container {
position: relative;
width: 500px;
height: 300px;
background-color: #f2f2f2;
}
#fixedDiv {
position: absolute;
width: 200px;
height: 100px;
background-color: #ccc;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
<div id="container">
<div id="fixedDiv"></div>
</div>通过以上步骤，就可以在另一个DIV内联显示固定大小的DIV，并且通过CSS样式来控制其位置和样式。
相关·内容
我的页面在另一个/父DIV内联中显示了固定大小的DIV。它工作得很好。它将额外的DIVs移到另一行。如下图所示：
当DIV内容超过一行时，问题就出现了。DIV大小仍然是固定的，但它将其他DIV内联向下移动。如下图所示：
那么如何用固定的
浏览 10提问于2017-01-19得票数 0
回答已采纳
但是，当我使用一些内联格式使文本以固定宽度的字体--no-cache显示时，呈现的HTML以较小的字体显示文本。如何在狮身人面像/ reStructured文本中增加固定宽度的字体大小，使其与正常文本字体大小匹配？答案
在Chris的帮助下，我能够覆盖CSS中的默认字体样式，以增加固定宽度的字体<em
浏览 3提问于2014-06-20得票数 6
回答已采纳
2回答
我在使用我的联系人表单生成器时遇到了问题。
当我使用jQuery滑块时，如果我把滑块移到'0‘，整个表单就会向右移动一点。如果我把滑块移到'100‘，整个表单就会向左移动一点。我使用表格来保持表单的结构。
浏览 0提问于2011-08-05得票数 0
回答已采纳
2回答
我是css transform属性的新手，但我正在努力学习并制作我的第一个动画。假设我做了我想要的，但是有一个错误，却找不到如何解决这个问题。我不确定我是不是做错了什么动画或其他东西。
谢谢!
浏览 5提问于2015-08-01得票数 0
回答已采纳
父div的显示设置为表单元格，并且没有固定的大小。<div style="display:table;">
<div style="display:table-cel
浏览 3提问于2016-04-29得票数 0
回答已采纳
6回答
但我的案子似乎有点奇怪..。我检查了所有的帖子，但找不到解决办法。我想让rightson始终坚持leftson，即使你调整了窗口的大小。在我的大屏幕上，右边的右边离屏幕的右边很远，左撇子在中间。我想让他们永远团结在一起。如何在css中实现？：
浏览 8提问于2013-10-21得票数 0
回答已采纳
我正在尝试创建一个只包含图像的固定大小的div。我希望它们是div的高度，内联显示，并水平滚动它们。我在做这件事上有困难。我会尽可能简单地做这件事。我遗漏了什么？
浏览 2提问于2009-11-23得票数 0
回答已采纳
我知道我可以使用$('div').datepicker()获得内联日期选择器，但是如何在其输入字段下面显示固定的内联datepicker呢？alt字段选项对我不起作用，因为我希望datepicker也对输入字段中输入的日期作出反应。我需要下面这样的伪代码：<div id=&
浏览 1提问于2013-10-13得票数 13
回答已采纳
我有一个表，他的列包含两个内联div，一个显示图像，另一个并排显示文本。因此，每个td都是矩形的，右侧是图像，左侧是文本(在单行上)。这个问题(在所有浏览器中都会发生)是当我缩小水平浏览器大小时，它不是保持td宽度不变并添加一个水平滚动条，而是在图像下环绕文本并移动它，因此缩小了td的宽度。无论浏览器的宽度如何，如何才能使td宽度保持固定？哦，以防影响它，两个div都有相对位置，所
浏览 9提问于2010-10-15得票数 0
回答已采纳
我发现在Chrome中，当我想放在最上面的div的父目录是固定的时，我不能将一个绝对定位的div放在另一个上面： <div id="top"></div><div id="bottom"&g
浏览 2提问于2012-12-10得票数 6
回答已采纳
3回答
我想添加一些CSS固定大小的块内联到文本段落，我有跨浏览器的问题。我使用div和inline-block，它可以在Firefox上工作。在IE下失败()。
有没有简单的跨浏览器解决方案？(这是为了让固定大小的块使用背景图像来显示笑脸。这允许根据样式表显示精灵和笑脸。)
浏览 1提问于2009-12-11得票数 1
回答已采纳
1回答
编辑:实际上，这并不是Firefox的问题，而是Chrome的问题。对于内部div，我有<div style={{width:"100%", overflow:"auto"}}>。但是没有出现水平滚动条。但是，如果我高亮显示
浏览 1提问于2017-10-23得票数 3
回答已采纳
6回答
我在另一个div中有3个div块。 <div class="red">Red</div>
<div class="
浏览 5提问于2013-07-30得票数 17
回答已采纳
3回答
目前，每当您缩小页面时，我的元素最终都会一个接一个地移动，而不是仅仅导致页面滚动。有谁能给我指个方向吗？class="one"> </div>
<a href="#" class="go&q
浏览 0提问于2011-12-25得票数 0
</p></div>它显示了一个红色区域(<div>)，其中包含“hellohellohello.”Firefox中的行为(版本72)：当我调整textarea的大小时，内联CSS属性width和height将添加到textarea元素中。必要时，将调整包含<div>的大
浏览 1提问于2020-02-13得票数 1
回答已采纳
我有一个标签，如：我试着检查一下..and：检查元素上的活动样式属性的最佳方法是什么，而不管是
浏览 8提问于2013-12-15得票数 2
回答已采纳
如何在不使用固定大小的div的情况下使用ASP.NET在GridView中创建滚动，如这里所示的。
浏览 0提问于2009-12-31得票数 2
我如何使div显示在屏幕底部内联(互相跟踪，就像facebook聊天)，并重叠他们的父div。我试过以下几种方法，但不起作用。<div id="container"> </div> </div>
浏览 2提问于2014-07-29得票数 1
回答已采纳
1回答
这是我的项目的一个粗略的模型。父程序有一个容器查询，而支持子对象是固定的(局部的)。如果父类具有内联大小的容器查询，则不再将子节点固定到页上。important;
浏览 2提问于2022-11-28得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
