草庐IT

absolute

全部标签

html - 为什么我不能使绝对 div 高度 100%

我有问题,我有一个固定的容器,里面有绝对的div,我想设置.absolutedivheight:100%;为全高容器div(500像素)。这是我试图解决我的问题的方法,这个需要是因为我想创建带有切换容器的移动菜单,并且它对我来说很重要是手机的高度100%屏幕。https://jsfiddle.net/d1bh9ncs/HTMLCSS.container{width:100%;height:500px;background-color:#ddd;}.fixed{position:fixed;width:100%;height:50px;background-color:red;top:8

html - 旋转和位置 :absolute (IE8 and lower)

我在InternetExplorer8及更低版本中遇到旋转问题。我能够旋转父div,但子(绝对定位)不会与其父div一起旋转。当我不绝对定位child时,它会进行正确的旋转。这是我的代码UntitledDocument.parent{background-color:#f00;position:absolute;top:300px;left:300px;width:500px;height:500px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476,M12=-0.707106781186547

html - 旋转和位置 :absolute (IE8 and lower)

我在InternetExplorer8及更低版本中遇到旋转问题。我能够旋转父div,但子(绝对定位)不会与其父div一起旋转。当我不绝对定位child时,它会进行正确的旋转。这是我的代码UntitledDocument.parent{background-color:#f00;position:absolute;top:300px;left:300px;width:500px;height:500px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476,M12=-0.707106781186547

html - 绝对div可以在响应式设计中使用吗

我已经开始设计一个摄影网站,我在左上角包含了一个绝对定位的标志。该区域由绝对定位的div和div内的图像组成。我想知道我是否可以制作绝对定位的div和Logo,根据屏幕尺寸缩小。有没有人可以帮忙?这是链接,因此您可以看到我正在处理的内容:http://www.photographybytaraandclaire.com/newsite/index.html 最佳答案 在处理响应式设计时,您应该使用百分比。如果您想计算Logo的宽度百分比,您可以使用。Logowidth/Wrapperwidth*100wrapper宽度是设计中wra

html - 绝对div可以在响应式设计中使用吗

我已经开始设计一个摄影网站,我在左上角包含了一个绝对定位的标志。该区域由绝对定位的div和div内的图像组成。我想知道我是否可以制作绝对定位的div和Logo,根据屏幕尺寸缩小。有没有人可以帮忙?这是链接,因此您可以看到我正在处理的内容:http://www.photographybytaraandclaire.com/newsite/index.html 最佳答案 在处理响应式设计时,您应该使用百分比。如果您想计算Logo的宽度百分比,您可以使用。Logowidth/Wrapperwidth*100wrapper宽度是设计中wra

css - 如何避免在 div 定位相对内绝对定位的两个 div 之间的重叠?

如果页面有足够的空间容纳所有div,则以下代码有效,但如果我至少调整页面大小,则两个div定位绝对重叠。我怎样才能避免这种情况?#div-chatroom{position:relative;height:calc(100%-70px);/*IE9+andfuturebrowsers*/height:-moz-calc(100%-70px);/*Firefox*/height:-webkit-calc(100%-70px);/*Chrome,Safari*/padding:0;text-align:center;margin:0;border-right:2pxsolid#333333

css - 如何避免在 div 定位相对内绝对定位的两个 div 之间的重叠?

如果页面有足够的空间容纳所有div,则以下代码有效,但如果我至少调整页面大小,则两个div定位绝对重叠。我怎样才能避免这种情况?#div-chatroom{position:relative;height:calc(100%-70px);/*IE9+andfuturebrowsers*/height:-moz-calc(100%-70px);/*Firefox*/height:-webkit-calc(100%-70px);/*Chrome,Safari*/padding:0;text-align:center;margin:0;border-right:2pxsolid#333333

html - Amp-sidebar : Does it absolutely have to be the child of the body? 为什么?

为什么必须是body的直接child?我现在的情况是,就代码结构而言,包含对我来说会容易得多。在内.我希望它的行为完全像,但我根本没有任何简单的方法来将元素放置为的直接子元素.当我看到这个amp-by-examplepage时,我特别困惑未通过AMP验证器。有人可以照亮我吗?我想在github上开一个问题,但我不确定是否有错误。 最佳答案 根据AMP项目的首席开发人员,的要求是的child是由于position:fixed的Safari错误.链接到tweet. 关于html-Amp-si

html - Amp-sidebar : Does it absolutely have to be the child of the body? 为什么?

为什么必须是body的直接child?我现在的情况是,就代码结构而言,包含对我来说会容易得多。在内.我希望它的行为完全像,但我根本没有任何简单的方法来将元素放置为的直接子元素.当我看到这个amp-by-examplepage时,我特别困惑未通过AMP验证器。有人可以照亮我吗?我想在github上开一个问题,但我不确定是否有错误。 最佳答案 根据AMP项目的首席开发人员,的要求是的child是由于position:fixed的Safari错误.链接到tweet. 关于html-Amp-si

html - position absolute top 0px 和 right 0px 怎么可能不起作用?

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion带有“goforward”的元素应该在右上角;当相关样式包含“position:absolute;top:0px;right:0px;”时,为什么它不在那个位置?这是页面的链接链接已删除