水平位置:粘性和宽度:自动是如何相关的？
水平位置和粘性是CSS中的两个属性，宽度和自动是这两个属性的取值。
水平位置属性（horizontal positioning）用于控制元素在水平方向上的位置，常见的属性有left、right和center。这些属性可以通过指定具体的像素值或百分比值来实现元素的水平定位。
粘性属性（sticky positioning）是CSS中的一种特殊定位方式，它结合了相对定位和固定定位的特点。当元素滚动到特定位置时，粘性定位会将元素固定在屏幕上的某个位置，直到滚动到另一个特定位置。粘性定位可以通过position: sticky;来实现。
宽度属性（width）用于控制元素的宽度，可以指定具体的像素值或百分比值。宽度属性可以通过width: value;来设置。
自动属性（auto）是一个特殊的取值，它表示由浏览器自动计算并确定元素的宽度或高度。在水平方向上，如果将宽度设置为auto，元素的宽度将根据其内容自动调整。
水平位置和粘性属性之间的关系是，当元素使用粘性定位时，水平位置属性（如left、right和center）可以与宽度属性一起使用，来确定元素在水平方向上的位置和宽度。例如，可以将元素的宽度设置为auto，然后使用left: 0; right: 0;将元素水平居中定位。
总结：
- 水平位置属性用于控制元素在水平方向上的位置，常见的属性有
left、right和center。 - 粘性属性是一种特殊的定位方式，可以通过
position: sticky;来实现元素在滚动时的固定定位。 - 宽度属性用于控制元素的宽度，可以指定具体的像素值或百分比值。
- 自动属性表示由浏览器自动计算并确定元素的宽度或高度。
- 在使用粘性定位时，可以结合水平位置属性和宽度属性来确定元素在水平方向上的位置和宽度。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体处理（点播、直播、转码等）：https://cloud.tencent.com/product/mps
相关·内容
有了一个水平粘性元素，我希望width不能是auto，粘性元素才能正常工作。 因此，虽然这段代码可以工作，但删除width: 100px;将导致非粘性行为。 我假设浏览器需要宽度来检测元素何时离开视口，但是为什么在水平模式下自动计算的宽度不起作用，而在垂直模式下不起作用？
浏览 16提问于2019-02-16得票数 1
回答已采纳
我的问题是特定于API水平24-Android7.0努格特。我正在努力寻找最合适和最具前瞻性的方法来启动一个粘性的前台服务。在API 26中，我们可以调用startForegroundService(service, notification)，并且服务自动与通知关联。但是，在APILevel24中，服务是使用startService(service)启动的，并且通过调用NotificationManagerComp
浏览 0提问于2018-04-29得票数 3
回答已采纳
我有一个图形，我需要显示为一个粘性元素66%的道路上的容器div我的网页。“位置:固定”通常是我想要的，但是，由于这是修正到视口和容器div有时是一个未知的距离，从边缘的视口，我不能用它来确定准确的水平点，它应该显示。一些更多的信息:容器div是响应的，最大为1080 in，在视口大于1080 in时以viewport为中心。因
浏览 2提问于2015-06-24得票数 0
回答已采纳
3回答
希望使用机车滚动框架()在粘性div中创建具有以下结构的水平滚动部分。我的HTML如下： box-shadow: 0 0 100px 8px rgba(205, 43, 177, 0.25);}
但是我有两个主要
浏览 0提问于2020-02-06得票数 3
1回答
当滚动时，我使用角JS粘性指令将表格的标题贴在页面的顶部。该表位于一个具有固定宽度的引导容器中，当角脚本激活它时，它将显示整个标头，从而重叠它所在的容器(如果我在表中有足够的列，即)。当我有更多的列可以容纳在容器，我得到一个水平滚动条，但这不适用于粘性标题。
可能知道怎么解决这个问题的人？我不能向您展示任何活的例子，因为我不知道如何添加角指令在小提琴(或任何其他在线编译器)。这个例子显示了容器<em
浏览 2提问于2015-07-20得票数 1
5回答
我正在用.net编写一个应用程序，它在对话框中使用布局面板的自动滚动。似乎每当我调整窗口大小以显示垂直滚动条时，水平滚动条也会自动出现。仔细观察，第二个滚动条现在允许我将窗口滚动16个像素(另一个滚动条的宽度)。所以windows似乎认为我需要一个至少和垂直滚动条出现之前一样宽的客户区。如果我现在将窗口调整到16像素宽(这样我的窗口区域就和滚动条出现之前一样宽)，滚动条就消失了。现在如果我把它调整回原来的大小，它就不
浏览 1提问于2010-09-27得票数 8
2回答
我试图弄清楚自动布局是如何工作的，我遇到了一个问题，我不明白为什么我会收到视图的“宽度和水平位置不明确”的警告。正如您在我正在处理的ViewController的屏幕截图中所看到的，该视图是底部的蓝色细线：箭头和主页按钮没有任何约束。较大灰色视图的约束如下所示：&quo
浏览 4提问于2015-07-02得票数 2
回答已采纳
6回答
当窗口小于包装器宽度时，水平滚动会使父div发出粘性。div#wrapper { margin: 0 auto;} s.removeClass("stick"); });为什么这种黏黏的行为<em
浏览 0提问于2015-11-24得票数 3
回答已采纳
我正在寻找一个Javascript/jQuery插件，用于粘性标题，它不会将元素的样式转换为固定位置。通常，我使用的是这个，它工作得很好。我正在使用jQuery动画在一个网站上工作，我的一个div有一个宽度为100%的粘性标题。但是当我将它移到左边时(例如)，宽度:100%现在是基于窗口的宽度而不是他的容器。那么，是否有一个现有的插件可
浏览 4提问于2014-01-08得票数 2
回答已采纳
1回答
我用的是带有Flexbox的本机路由器。我想展示的是，FlatList最终占据了全屏和粘性页脚。
浏览 0提问于2018-05-17得票数 1
回答已采纳
2回答
我想创建一个新的分区，但是没有imageView，我需要做什么？因为如果我让字符串为空(nil不接受)，titleLabel将与第一部分中的titleLabel对齐。我想让第二部分的标题从左边对齐20 (没有图像)，我必须为我想要的没有图像的部分创建另一个模型吗？我可以在cellForRowAt内部添加一个没有图像的新部分吗？？
浏览 3提问于2020-04-27得票数 1
1回答
我有一个布局，是由一个标题和3个垂直面板结构。所有垂直面板都可以水平展开/收缩，并且需要将页面的100%宽度填充在一起。面板还需要占据100%的垂直空间后，报头(标题有一个自动高度)。每个面板本身都需要可滚动，而不需要滚动整个页面或影响页面上其他面板的位置。
我所面临的问题是，这些面板既需要水平相对定位(以便它们一起填充100%宽度)，也需要作为垂直固定定位，以
浏览 3提问于2016-02-18得票数 0
回答已采纳
我在IB中列出了这个视图层次结构(Xcode 6.3.1)：我想使用自动布局(FYI:我是自动布局的新手)水平地分配子视图(它们的宽度应该总是相等的)。我真的很感激你给我指点.到目前为止，我添加的约束并没有使子视图的宽度保持相等。
浏览 2提问于2015-04-26得票数 0
回答已采纳
6回答
我想要创建一个UIViewController，它应该在两个相等的部分(宽度和高度)中分开。
通过将UIView对象的前导、尾随和垂直空间设置为superview到0，将其放置在正确的位置。我为这个equal heights及其超级视图设置了0.5x屏幕大小，并给它2:1的乘法器，其中第一个值与超级视图相关，第
浏览 13提问于2016-02-23得票数 2
回答已采纳
1回答
我想在主面板的右侧放置一个粘性的侧边栏。粘性侧边栏应该是“粘性”的，当向下滚动到它自己的顶部时，侧边栏将确定位置并停留在页面的顶部，而不是向上滚动。我已经在这里完成了部分工作：https://codesandbox.io/s/gallant-saha-zgmnw 现在我的问题是:如小提琴中所示，在sidebar类中，使用position: sticky和rig
浏览 13提问于2021-01-14得票数 0
4回答
宽度和水平位置是模糊的。
、、、
我似乎创建了一个具有以下约束的简单图像视图：对齐中心Y到：Superview底部空间到：底部布局指南
而我的宽度和水平位置都是模糊的消息。
浏览 6提问于2016-02-09得票数 5
1回答
你好，我使用的是PrimeNG p-table，它同时具有水平滚动和垂直滚动。我想使用粘性标题的表格，我已经尝试了以下两种方法- [scrollable]="true"
scrollHeight="350px" 这是使标题粘滞，但列宽度正在自动更改，删除水平滚动，并尝试适应浏览器页面宽度的完整表格我尝试过的另一种方法是使用c
浏览 23提问于2021-03-15得票数 1
我有三色的布局，当所有的颜色都可以滚动时，它工作得很好。但是如果我想要左边和右边的被固定在顶部，我的布局就会中断。我见过很多帖子，但似乎都没有用：<div class="container"> </d
浏览 0提问于2019-07-11得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
