CSS 定位最右边 - 最小宽度



我是一个技术娴熟的服务器端开发人员,正在创建一个雄心勃勃的网站项目 - 全部由我自己完成。我对C#,MVC,T-SQL,LINQ和 ASP.NET 非常了解。显然,由于我自己工作,所以我也有设计知识。我显然擅长html(谁不是?我非常喜欢jQuery!问题是,我对 css 的理解还不错,但 css 是我最不了解的特质。我了解编程,我在设计方面也很好,不仅因为我在css(和jQuery(方面有相当程度的知识 - 还因为我只知道什么看起来不错(我也可以在真正的纸上画画(。

问题是,我知道我可能可以用jQuery代码做到这一点,但我想知道这是否也可以单独用css来完成。在我的主要设计(视图/共享/_Layout.cshtml(上 - 我使正文具有"min-width:(我的值(;"属性,显然旧版浏览器不支持该属性,因此我还包含一个默认宽度为 1px 的透明图像,我也将其设置为拉伸到我想要的宽度 - 它可以控制页面的宽度(达到我想要的最小值(。但是 - 我有一个位于页面顶部的站点标题div。我有一部分标题div,元素位于最右侧 - 当浏览器位于足够大的设备上并且浏览器大小适中时,这很好,但是一旦浏览器设置为小于我想要的最小宽度的大小,然后滚动条就会出现, 我可以按预期移动它。但是,该标题div 中的元素不会与我的最小宽度一起保持在最右侧 - 而是停留在当前窗口大小的右侧。我让主div 将元素本身设置为固定位置,我尝试使这些元素相对,但没有成功。我尝试了一些想法,问题仍然存在。

所以,正如我所说,我很清楚使用 jQuery 的概念,这些概念可以在这些方面做我之前描述的我想要的事情,但是,正如我也说过的,我知道相当数量的 css,但我是最不接近 css 的"专家"比我所知道的任何东西。我只是强烈怀疑我在这里想要的可以单独使用 css 和 css 来完成(此外,最好让它与大多数浏览器兼容,或者至少与 2008 年之后制造的大多数浏览器兼容(。

有人可以给我一些关于这些方面的好信息吗?

我只记得问过这个问题。

实际上,我找到了一种方法,通过一些实验来做我在这里写的东西,最终让我到达了我需要的地方。我所做的不是使用相对定位 - 我认为这是正确的方法,我在绝对定位的顶部标题div中使用绝对定位。在提出问题时,我不认为这将是解决方案,我认为将某些东西设置为绝对位置 - 即使在已经绝对定位的东西中 - 也会将其置于绝对定位的新上下文中,就像身体标签内的任何绝对定位元素一样。我发现,如果我将一个绝对定位的元素放在另一个绝对定位的元素中 - 绝对定位的上下文基于原始的绝对定位元素 - 所以顶部(或就此而言,左侧(0px 不是来自正文上下文的 0px(页面的最顶部( - 而是 - 0px 来自元素所在的元素。我认为这是一个很好的解释,所以我将在这里结束解释它。

我相信有很多人比我更了解 css,并且认为我在这里遇到的这个问题非常基本,但是,我确实问了这个问题,我不妨根据我使用的解决方案来回答它。我本可以在jsfiddle上发布一个示例,就像评论中要求的那样,但我认为我的解释已经足够好了,而且由于没有人仅根据我的问题提供答案,我决定尝试通过实验来解决这个问题,我取得了成功。

最新更新