css定位最右边 - 最小宽度

时间:2016-02-14 06:02:29

标签: css positioning

我是一名技术娴熟的服务器端开发人员,正在创建一个雄心勃勃的网站项目 - 我自己。我非常了解c#,MVC,T-SQL,LINQ和ASP.NET。显然,既然我自己工作,我也有设计知识。我显然很擅长HTML(谁不是?)。而且我非常喜欢jQuery!问题是,我对css的理解很不错,但css是我知识渊博的特质。我理解编程,我也很擅长设计,不仅因为我在css(和jQuery)方面有相当的知识水平 - 而且因为我只知道什么看起来不错(我也可以在真实的纸上画画)。 / p>

问题是,我知道我可以使用jQuery代码执行此操作,但我想知道是否也可以单独使用css完成此操作。在我的主要设计(Views / Shared / _Layout.cshtml) - 我让身体有一个" min-width :(我的值);"属性,显然不支持旧浏览器,所以我还包括一个默认宽度为1px的透明图像,我设置为拉伸到我想要的宽度 - 它可以控制页面的宽度(到我希望的最小值。但是 - 我有一个站点标题div位于页面顶部。我有一个标题div的一部分,元素位于最右边 - 当浏览器位于足够大且浏览器尺寸合适的设备上时,这很好,但是一旦浏览器设置为小于我的大小所需的最小宽度,然后滚动条显示,我可以按预期移动它。但是,该标题div中的元素不会与最小宽度一起保持在最右侧 - 而是保持在当前窗口大小的右侧。我有主要div持有元素本身设置在固定位置,我尝试使这些元素相对没有成功。我尝试了一些想法,问题仍然存在。

所以,正如我所说的,我很清楚使用jQuery的概念可以做我之前在这些方面所要求的内容,但是,正如我也说的,我知道一定数量的css,但是最少靠近"专家"在css比我知道的任何其他事情。我只是强烈怀疑我在这里可以用css和css单独完成(同样,将它与大多数浏览器兼容,或者至少在2008年之后的大多数浏览器中都很好)。

有人可以在这些问题上给我一些好的信息吗?

1 个答案:

答案 0 :(得分:0)

我记得曾问过这个问题。

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

我确定有很多人比我更了解css,并且认为我在这里遇到的这个问题是如此基本,但是,我确实提出了这个问题,我不妨根据我使用的解决方案回答它。我可以在jsfiddle上发布一个例子,就像在评论中要求的那样,但我认为我的解释已经足够好了,因为没有人根据我的问题单独提出答案,所以我决定尝试用实验来解决这个问题我成功了。