css 定位最右侧 - 最小宽度
css positioning far right - with minimum width
我是一名技术娴熟的 server-end 开发人员，并且正在创建一个雄心勃勃的网站项目 - 全靠我自己。我非常了解 C#、MVC、T-SQL、LINQ 和 ASP.NET。显然，由于我是一个人工作，所以我也有设计方面的知识。我显然很擅长 html（谁不是？）。我非常喜欢 jQuery！问题是，我对 css 的理解还不错，但 css 是我最不了解的特征。我懂编程，我也很擅长设计，这不仅是因为我在 css（和 jQuery）方面的知识水平还不错，还因为我只知道什么看起来不错（我可以画画和也可以在真纸上作画。
问题是，我知道我可以用 jQuery 代码做到这一点，但我想知道这是否也可以单独用 css 来完成。在我的主要设计中 (Views/Shared/_Layout.cshtml) - 我让 body 有一个 "min-width: (my value);" 属性，这显然不支持旧浏览器，所以我还包括一个默认宽度为 1px 的透明图像，我将其设置为拉伸到我想要的宽度 - 它可以控制页面的宽度（到我想要的最小宽度）。但是 - 我有一个位于页面顶部的站点 header div。我有一部分 header div 元素位于最右边 - 当浏览器在足够大的设备上并且浏览器大小合适时，这很好，但是一旦浏览器设置为小于我想要的最小宽度的大小，然后滚动条出现，我可以按预期移动它。但是，header div 中的元素不会与我的最小宽度一起留在最右边 - 而是留在当前 window 大小的右边。我有主要 div 将元素本身设置为固定位置，我尝试使这些元素相对但没有成功。我尝试了一些想法，问题仍然存在。
因此，正如我所说，我很清楚使用 jQuery 的概念可以实现我之前描述的我在这些方面的愿望，但是，正如我也说过的，我知道相当多的css，但我是 css 中最接近 "expert" 的人。我只是强烈怀疑我在这里想要的东西可以单独使用 css 和 css 来完成（另外，让它与大多数浏览器兼容，或者至少与大多数浏览器兼容会很好2008 年）。
有人可以给我一些关于这些方面的有用信息吗？
我刚想起来问过这个问题。
我实际上找到了一种方法来完成我在这里写的东西，通过一些实验最终让我到达了我需要的地方。我所做的不是使用相对定位——我认为这是这样做的正确方法，我在绝对定位顶部 header div 内使用了绝对定位。我不认为这会是提出问题时的解决方案，我假设将某些东西设置为绝对位置 - 即使在已经绝对定位的东西内部 - 也会像任何绝对定位元素一样将其置于绝对定位的新上下文中在 body 标签内。我发现的是，如果我将一个绝对定位元素放在另一个绝对定位元素内——绝对定位的上下文是基于原始绝对定位元素的——所以 top（或 left 就此而言）0px 不是上下文中的 0px body（页面的最顶部） - 但是 - 距离元素所在的元素 0px。我认为这是一个很好的解释，所以我将在这里结束解释。
我敢肯定有很多人 css 知道的比我多得多，并且认为我在这里遇到的这个问题非常基础，但是，我确实提出了这个问题，我也可以根据我使用的解决方案回答它。我本可以像评论中要求的那样在 jsfiddle 上发布一个示例，但我认为我的解释已经足够好了，而且由于没有人单独根据我的问题提供答案，我决定尝试通过实验来解决这个问题，这我成功了。
我是一名技术娴熟的 server-end 开发人员，并且正在创建一个雄心勃勃的网站项目 - 全靠我自己。我非常了解 C#、MVC、T-SQL、LINQ 和 ASP.NET。显然，由于我是一个人工作，所以我也有设计方面的知识。我显然很擅长 html（谁不是？）。我非常喜欢 jQuery！问题是，我对 css 的理解还不错，但 css 是我最不了解的特征。我懂编程，我也很擅长设计，这不仅是因为我在 css（和 jQuery）方面的知识水平还不错，还因为我只知道什么看起来不错（我可以画画和也可以在真纸上作画。
问题是，我知道我可以用 jQuery 代码做到这一点，但我想知道这是否也可以单独用 css 来完成。在我的主要设计中 (Views/Shared/_Layout.cshtml) - 我让 body 有一个 "min-width: (my value);" 属性，这显然不支持旧浏览器，所以我还包括一个默认宽度为 1px 的透明图像，我将其设置为拉伸到我想要的宽度 - 它可以控制页面的宽度（到我想要的最小宽度）。但是 - 我有一个位于页面顶部的站点 header div。我有一部分 header div 元素位于最右边 - 当浏览器在足够大的设备上并且浏览器大小合适时，这很好，但是一旦浏览器设置为小于我想要的最小宽度的大小，然后滚动条出现，我可以按预期移动它。但是，header div 中的元素不会与我的最小宽度一起留在最右边 - 而是留在当前 window 大小的右边。我有主要 div 将元素本身设置为固定位置，我尝试使这些元素相对但没有成功。我尝试了一些想法，问题仍然存在。
因此，正如我所说，我很清楚使用 jQuery 的概念可以实现我之前描述的我在这些方面的愿望，但是，正如我也说过的，我知道相当多的css，但我是 css 中最接近 "expert" 的人。我只是强烈怀疑我在这里想要的东西可以单独使用 css 和 css 来完成（另外，让它与大多数浏览器兼容，或者至少与大多数浏览器兼容会很好2008 年）。
有人可以给我一些关于这些方面的有用信息吗？
我刚想起来问过这个问题。
我实际上找到了一种方法来完成我在这里写的东西，通过一些实验最终让我到达了我需要的地方。我所做的不是使用相对定位——我认为这是这样做的正确方法，我在绝对定位顶部 header div 内使用了绝对定位。我不认为这会是提出问题时的解决方案，我假设将某些东西设置为绝对位置 - 即使在已经绝对定位的东西内部 - 也会像任何绝对定位元素一样将其置于绝对定位的新上下文中在 body 标签内。我发现的是，如果我将一个绝对定位元素放在另一个绝对定位元素内——绝对定位的上下文是基于原始绝对定位元素的——所以 top（或 left 就此而言）0px 不是上下文中的 0px body（页面的最顶部） - 但是 - 距离元素所在的元素 0px。我认为这是一个很好的解释，所以我将在这里结束解释。
我敢肯定有很多人 css 知道的比我多得多，并且认为我在这里遇到的这个问题非常基础，但是，我确实提出了这个问题，我也可以根据我使用的解决方案回答它。我本可以像评论中要求的那样在 jsfiddle 上发布一个示例，但我认为我的解释已经足够好了，而且由于没有人单独根据我的问题提供答案，我决定尝试通过实验来解决这个问题，这我成功了。