CSS响应式绝对定位

文章/答案/技术大牛

发布

2回答

html、css

header> <nav> <a>Link</a> </nav>CSS有没有一种解决方案可以让下拉菜单始终低于标题，而不依赖于标题的高度，并且始终位于其他内容的上方(绝对定位所做的事情)，而不需要使用javasc

浏览 27提问于2017-02-17得票数 2

回答已采纳

1回答

CSS绝对定位&响应式设计

css、wordpress、responsive-design

我正在建设这个网站，我们有一个很酷的想法，使用绝对定位在导航栏和滑块上重叠徽标。唯一的问题是，它破坏了主题的响应性。自己调整窗口大小，您将看到"iPhone like resolution“中的徽标现在位于响应式菜单栏上方。

浏览 1提问于2013-08-28得票数 0

1回答

如何在手机版css中获得定位的顺风车

css、responsive-design

我正在制作响应式网站。我已经看到在一些元素中使用了绝对定位。如何在移动版本的编码声明媒体查询中摆脱位置。例如:在移动版本的媒体查询中，我们使用float:none来获得浮动。这样，我如何才能使用css获得绝对和相对位置。

浏览 2提问于2013-05-29得票数 0

1回答

响应式绝对定位

javascript、jquery、html、css

它有点用，但IE在每次悬停时都会闪烁，而且网站是有响应的，所以当屏幕尺寸改变时，图像地图不会缩放。我也尝试过使用，但它在移动设备上似乎不起作用。理想情况下，我希望演讲气泡能够是单独的图像，在缩放时定位正确，这样我就可以更容易地操作演讲气泡。

浏览 2提问于2014-09-17得票数 2

2回答

响应式"checkerboard“div- HTML/CSS

html、css、responsive-design

我做了这样的东西：在CSS中，所有的块都有一个绝对位置和一些左上角的属性( px)。我不想要一个现成的代码的答案，只需要帮助实现我的主页的响应式版本。

浏览 0提问于2016-02-22得票数 0

2回答

仅在响应式网站上移动源代码中的元素

javascript、jquery、html、css、responsive-design

我想知道什么是最好的解决方案来移动响应页面的某些元素，这是显示在现场网站的页脚，在顶部仅在源代码。他们使用绝对定位来解决这个问题。#subfooter{ position:absolute; left:0;我的问题是，我如何在响应式设计上做到这一点，因为绝对定位在那里并不是最好的，除非我们只对这个类使用大量的@media查询。有没有其他更好的css/js

浏览 2提问于2014-01-23得票数 0

1回答

相对和绝对；响应式中心定位？引导css

html、css、twitter-bootstrap

因此，水平和垂直放置图像的50% (因此它是响应性的)。目前，我只是试图让文本正确地显示在图像的顶部，但似乎有问题。img-responsive" src="images/girl.jpg" alt=""> </a>所以我试着给div，a和img元素定位‘相对’，然后给h2定位绝对的，顶部和左边的50%

浏览 0提问于2015-07-01得票数 6

回答已采纳

1回答

为什么我的按钮在Chrome中随着媒体查询而改变位置？

css、html、responsive-design

目前，我正在从事一个项目，主要是HTML和CSS。我在页面中间有两个按钮，绝对定位。它们在Firefox中看起来是正确的，但在Google Chrome中，按钮的位置是随机的。当响应式CSS工作表关闭时，不会出现此错误。提前感谢！

浏览 3提问于2013-05-11得票数 0

回答已采纳

1回答

IE和Firefox中的CSS绝对定位问题，但不是Chrome - Wordpress模板

html、css、wordpress、responsive-design

我修改了一个WordPress响应式主题，以便在标题中包含我客户的徽标。在添加这个的时候，我已经找到了一堆其他的div，我正在慢慢地把它拼凑起来。它保持固定在右侧，不再响应设计。这是我实现的CSS (也请查看网站)，看看我是如何将其放置在徽标图像上的- bottom: 0; position: absolute我可以在响应式设计中不进行绝对定位吗？

浏览 2提问于2014-03-01得票数 0

2回答

内容垂直居中，除非较大

jquery、css、dynamic

目前，我有一个小项目，上面是一个响应式网站(使用骨架响应式网格)，我使用jQuery在视窗中垂直居中显示内容。script> $(window).resize(function(){ // To initially run the function:}); <&

浏览 2提问于2013-02-22得票数 0

1回答

如何将元素绑定到背景图像(响应式)？

html、css

是否可以将(HTML)元素绑定到父元素的背景图像？在下面的示例代码中，我希望(悬停)元素始终留在块上，即使窗口调整为小(移动)大小的屏幕也是如此。.steps { background-size: contain;} /* margin-top: 0; */ margin-le

浏览 1提问于2016-05-30得票数 0

1回答

是否将作为内联样式的对象的位置设置为自身？

jquery、css、css-position

我正在尝试构建一个响应式的8 div设计。我需要这些div有一个绝对定位与左侧和顶部位置内联CSS样式。为了保持它的响应性，我不能用CSS定位它们。);//test $(this).css

浏览 3提问于2013-05-16得票数 1

1回答

响应式绝对定位背景覆盖

css、responsive-design、background-image、css-position

我有一个背景图像，我正在加载，但我想用css覆盖它变暗。我的网站是响应式的，所以我不知道如何让绝对定位的深色覆盖图有一个响应式的宽度。这有可能吗？.index-panel { background: #333 url('http://images.alphacoders.com

浏览 0提问于2013-01-25得票数 0

回答已采纳

3回答

响应式布局和绝对定位

css、css-position、responsive-design

我正在设计一个响应式的设计，其中徽标需要放置在页面的顶部/中心，并在其下方覆盖内容……我可以通过给徽标一个绝对的位置来获得所需的布局top: 0; left:环顾四周，人们倾向于不喜欢使用绝对定位。给徽标一个负的上边距和自动的左/右边距是不是更好？重要的是，当媒体查询断点生效时，徽标保持在顶部的中心位置。

浏览 3提问于2012-03-05得票数 2

回答已采纳

2回答

响应式绝对定位边广告

html、css、css-position

我在我的响应式设计中使用position:absolute时遇到了让.ad正确定位的问题。

浏览 0提问于2015-07-20得票数 0

1回答

响应式设计和定位:绝对

responsive-design

你如何使用position:absolute和响应式设计？编辑:这是我正在谈论的的一个例子。出于示例的目的，我将容器宽度设置为100px，而不是1000px。关键是，当我减小浏览器宽度时，我会得到水平滚动条，这是因为带有图片的“绝对”元素。我怎么做才合适，我不会得到水平滚动条？

浏览 3提问于2013-01-23得票数 0

回答已采纳

1回答

响应式2列绝对定位

css、responsive-design、css-position

我希望我的图像类“图片”在第二节的绝对定位坐在第二节的底部。到目前为止，它位于第一部分的底部。我想我只是有些东西没弄清楚。我正在使用(mobile first initializr)模板。-- #main-container4 -->body {overflow:scroll;html {} article, aside

浏览 0提问于2013-05-18得票数 1

回答已采纳

2回答

将元素按比例放置在响应图像上

javascript、html、css、responsive-design

我们有一个响应式图像，并且有一些元素位于图像的绝对上方-位于图像上方的元素需要保持与图像成比例的完全相同的位置。定位的元素最后将是文本。

浏览 0提问于2014-04-30得票数 0

2回答

带负绝对定位的Clearfix

html、css

我正在做一个使用响应式布局的项目。我有一个div，它位于头文件div的下方和周围。我用负的绝对位置做了这件事。问题是后面的元素被放置在它的顶部。绝对定位使div脱离了页面的正常流程，现在页面顶部堆积了大量内容。通常，我只会绝对定位内容div中的其余元素，但绝对定位的div包含一个图像滑块，它是响应的，所以div的高度根据屏幕的宽度而变化。

浏览 0提问于2013-07-12得票数 0

回答已采纳

点击加载更多