问题标签 [positioning]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
1754 浏览

html - 在被右对齐内容遮挡之前溢出 HTML 行文本

我有一些文本显示在具有固定宽度的容器中的单行上。如果文本不能包含在容器的宽度内,则会隐藏溢出。三个状态图标的任意组合都可能出现在容器右侧。如果出现这些图标中的任何一个,我希望在第一个图标出现之前隐藏文本溢出,以便文本不会出现在图标后面。

如何使文本溢出,使其不会在图标下流动(理想情况下只使用 CSS 而不需要诉诸 JavaScript)?

下面是我开始使用的 CSS 和 HTML 的一个示例(两者都没有具体设置)。这是一个代码的实时示例,它也说明了所需的结果(请注意,它有一个使用数据 URI 方案在 CSS 中内联的背景图像,因此在 Internet Explorer 8 之前的版本中不起作用)。

CSS:

HTML:

0 投票
3 回答
2021 浏览

css - CSS阻止元素的高度大于父元素

我近似这个结构

<div> <div id='1'> </div> <div id='2'> </div> </div>

我想这样做,以便当 div 1 的内容变得太大而 div 2 无法放入主 div 时,它将获得一个滚动条并且不会将任何东西推离父 div 的底部。

如何在 CSS 中做到这一点?

编辑:

父 div(或者更确切地说,它的父级)具有设定的高度。并且此时设置溢出:在 div1 上滚动只会使其超出底部并在侧面带有滚动条。

0 投票
1 回答
1101 浏览

css - IE7中的绝对定位限制div的宽度

我正在为此设计下拉菜单: http ://www.heroicdreams.com/wordpress/elderFlashSite.html

在其他所有浏览器中它都运行良好,但在 IE7 中,下拉宽度受到顶部链接大小和边距的限制。有没有办法让 IE 表现得像所有其他浏览器一样,因为它允许下拉宽度超出原始 div 大小?

我正在使用 javascript 来显示/隐藏菜单,以及与原始链接相同的 div 内的每个菜单的 ul。

0 投票
4 回答
17006 浏览

css - 在 CSS 中保留背景图像的同时移动文本

我有一个'main_menu' div,其中包含一个在 y 轴上重复的背景图像。在这个 div 上方,我有另一个 div 用于标题。问题是标题 div 有一个高度约为 75px 的图像。我想将 main_div 中的文本从 main_div 的背景图像实际开始的位置高出大约 50 px。

我在想类似的东西:

这真的行不通。问题是如何将文本向上移动,同时将背景图像保持在正常位置。

谢谢

{编辑}

这是CSS

这是html

所以你可以看到标题非常高。所以我想在 menu_main div 中开始文本大约高出 50px

0 投票
3 回答
304 浏览

css - CSS - 定位

一个。图片 (960x7) div(宽度:960,填充:10)

我想定位 (a) 使其距顶部 50 像素,居中。我想定位(b),使其位于(a)的正下方,没有空间。

我的CSS如下:

我的 HTML 如下:

我正在尝试在灰色背景上创建一个带有圆形边缘的白色容器。我怎样才能简单而智能地做到这一点?

0 投票
4 回答
188180 浏览

css - 如何在div内定位绝对?

我在将一组 div 定位在另一个 div 中时遇到了一个奇怪的问题。我认为最好用一张图片来描述它:

图片

在黑色 (#box) div 内,有两个 div (.a, .b) 必须位于同一个位置。我想要实现的是第一张图片,第二张是我得到的效果。看起来如果 div 是在没有清除或其他东西的情况下浮动的,显然不是这样。欢迎任何想法!

这是此示例的代码:

CSS:

HTML:

0 投票
4 回答
1605 浏览

html - How to get rid of white space between and

0 投票
2 回答
5125 浏览

html - 根据窗口滚动条移动 div

如果我的窗口向下滚动并在窗口向上滚动时向上移动,我想将我的 div 向下移动?如何实施?

0 投票
4 回答
3124 浏览

css - 边距如何与 div 定位一起使用?

#contentdiv 包含大部分 Web 内容。正如您在下面看到的,有 280 像素的上边距,因为这是网站标题图像的高度,它作为背景 (image/sky1.jpg) 放置在“正文”中。

如何将 div 作为 div 的“边距”上方的持有者,#content以便我可以将我的#navigation, #Titlediv 放在标题图像上方?

#content div 上方的#top-floatdiv 是它的开始,但是每次我向高度添加更多时,“边距”都会受到影响,将其推到下方。

我尝试将<div id="top-float></div>上述内容<div id="content"></div>放在 html 中。这是我应该如何定位?

0 投票
2 回答
4499 浏览

c# - 在 C# 中动态定位 HTML 按钮

我知道这应该很简单,但我已经用谷歌搜索了这个问题,但我没有看到我的按钮可用的相同属性。我用谷歌搜索的内容说我应该能够使用 Location 属性更改 HTML 按钮的位置。但是,这不是我的选择。如何在 C# 中动态更改按钮的位置?以下是 ASPX.CS 文件中的相关代码:

我想重新定位 btnSubmit。在 ASPX 文件中,此按钮定义为: