标签: absolute
requireon中的PHP绝对路径
我正在使用一个简单的预制授权工具来保护我的网站.该工具需要将此行代码应用于每个.php页面的顶部.Auth.php生活在根级别.
<?php ${(require_once('Auth.php'))}->protectme(); ?>
我需要能够将这行代码添加到每个文件中,包括子文件夹中的文件.但我不确定如何应用php中的require_once中显示的方法,以确保它始终与protectme()一起绝对链接; 功能.
任何启示都表示赞赏.
干杯.
推荐指数
解决办法
查看次数
滚动时页脚不粘在页面底部
我正在编写一个网页，它应该在顶部有一个页眉，在底部有一个页脚，在右侧有一个侧栏。我无法将页脚置于页面底部。我不希望它是 position: fixed （那会很烦人），但我确实希望它在您一直向下滚动时出现在页面底部。（在不需要滚动的情况下，它应该出现在窗口的底部）
这是我正在使用的。可能有一个非常简单的修复，但我不知道它是什么。复制/粘贴这个，你会看到。
<html>
<head>
<style type="text/css">
body {
font-size: 200%;
}
#side {
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-color: #0A0;
z-index: 100;
}
#header {
height: 40px;
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #A00;
z-index: 200;
}
#header_push {
clear: both;
height: 40px;
}
#footer {
height: 50px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #00A;
z-index: 150;
}
#footer_push {
clear: both;
height: 50px;
}
</style>
</head>
<body> …推荐指数
解决办法
查看次数
绝对定位的 div 被父级切断。
我有如下设置：
正如您所看到的，许多内容文本正在换行，因为它似乎压在其父级的边缘上。我希望内部 div 能够呼吸并让里面的内容填充其容器。我不知道如何解决这个问题，但我一直认为绝对定位的元素会破坏盒子模型，并且不会表现得像这样。由于父级是相对的，因此它将相对于父级开始其位置，但宽度将能够延伸到其父级容器之外。左值减小得越多，框的行为就越好，但它偏离了我想要的中心位置。我还查看了用于执行下拉菜单的 bootstraps CSS 代码，我认为我正在做几乎相同的事情。
任何人都可以解释如何解决这个问题，或者解释为什么会发生这种情况？
推荐指数
解决办法
查看次数
为什么绝对定位的孩子会扩大容器高度以及如何防止这种情况？
假设您有一个父级 div，其中包含多个普通子级和一个绝对子级。
\n\n我几乎到处 都读到，孩子的position: absolute身高不会影响父母的身高，因为它不符合正常流程。然而就我而言，绝对元素扩展了父元素，我不明白为什么。
（我尝试阅读规范，但我真的迷失了。）
\n\n\n\n<div class="container">\n <div class="block"></div>\n <div class="block"></div>\n <div class="block"></div>\n <div class="outsider"></div>\n</div>\n.container {\n overflow: hidden;\n}\n\n.block, .outsider {\n width: 100%;\n height: 1000px;\n}\n\n.block {\n background: red;\n}\n\n.outsider {\n position: absolute;\n left: 0;\n top: 3000px;\n background: green;\n opacity: 0.5;\n}\n
为什么浏览器让我滚动超过元素的假定高度？它在 Chrome、Safari 和 Firefox 中似乎是一致的，所以我认为它是规范的一部分。
\n\n我该如何防止这种行为？如果绝对定位的元素不适合 \xe2\x80\x9cdictated\xe2\x80\x9d 的容器高度 \xe2\x80\x9cnormal\xe2\x80\x9d 子元素，我希望将其裁剪。
\n\n\n推荐指数
解决办法
查看次数
为什么'position:absolute'元素不能相对于'position:static'的父元素定位？
有人可以解释一个position: absolute;只能与最近的非position: static;父母相关的原因吗？
元素相对于position: static;其父元素无法定位的原因是什么？
推荐指数
解决办法
查看次数
为什么mad(x)的结果与预期结果不同？
我试图计算数字样本("S")的平均平均偏差.我在使用"mad()"函数时得到的结果以及一次一步地进行平均偏差计算的结果是不同的.为什么？
s<- c(100,110,114,121,130,130,160)
使用"mad()"函数,我得到:
> mad(s)
[1] 13.3434
当分解公式并一次一步地执行相同的操作时,我得到:
> sum(abs(s-mean(s)))/length(s)
[1] 14.08163
为什么这些结果有所不同？
我在输入配方时出错了吗？(这并不奇怪 - 我刚开始学习R).我的配方有什么问题？
或者是R用来计算与以下不同的平均平均偏差的公式(在维基百科上给出)
MAD =(((每个值减去样品的平均值))的绝对值之和除以(样品中的值的数量)？
(谢谢您的帮助!)
推荐指数
解决办法
查看次数
调整浏览器窗口大小时如何将绝对定位的元素保持在适当位置
我已经对文本进行了绝对定位，使其位于标题图像的内部，但是当浏览器调整大小时，我无法弄清楚如何防止其移出标题。如果将浏览器窗口的大小调整为较小的大小，则文本将移至标题的外部，但是如果将浏览器窗口的大小调整为较大的大小，则文本将继续向标题的右侧移动！
标头宽800像素，高150像素，位于浏览器窗口的中间。
这是我的HTML代码：
<div id="container">
<div id="header">
<img src="images/header.jpg" alt="Site Header Image">
<h1>Our Site</h1>
<h2>Catchy slogan...</h2>
</div>
</div>
这是我的CSS代码：
<div id="container">
<div id="header">
<img src="images/header.jpg" alt="Site Header Image">
<h1>Our Site</h1>
<h2>Catchy slogan...</h2>
</div>
</div>
推荐指数
解决办法
查看次数
如何将父div的高度设置为子div的高度，位置：绝对
我有没有高度的父 div，还嵌套了另一个具有绝对位置的子 div。子 div 的高度为 652px。但我无法在父 div 中获得相同的高度。我尝试使用clear：both，overflow。
这是代码：
超文本标记语言
<div class="content">
<div class="container">
some other elements whose height is 652px...
</div>
</div>
CSS
.content {
position: relative;
}
.container {
position: absolute;
width: 100%;
max-width: 1160px;
margin: 0 auto;
padding: 120px 0;
}
内容div的高度为0。容器div的高度为652px。如何使内容div的高度与容器div的高度相同？
推荐指数
解决办法
查看次数
在 React Native 中的 SafeAreaView 中使用绝对位置查看
我需要放置一个<View>withposition: 'absolute'以便它可以覆盖下面的另一个视图。我不希望这在 iOS 的状态栏后面，所以我把所有东西都放在<SafeAreaView>.
不幸的是，绝对位置似乎是相对于全屏而不是其父视图（SafeAreaView）。
有诀窍吗？
const styles = StyleSheet.create({
safeAreaView: {
flex: 1,
},
map: {
flex: 1,
},
userLocationButton: {
position: 'absolute',
right: 12,
top: 12,
},
});
return (
<SafeAreaView style={styles.safeAreaView}>
<ClusteredMapView style={styles.map} />
)}
<TouchableOpacity style={styles.userLocationButton}>
<Image source={UserLocationButton} />
</TouchableOpacity>
)}
</SafeAreaView>
);
推荐指数
解决办法
查看次数
允许绝对定位元素比父绝对定位元素更宽
背景
我有一个小的单级CSS弹出菜单(从技术上讲,它是一个扩展元素).它绝对位于父级绝对定位元素的左下方,该元素相当窄.请参阅h1下面的第二个元素:
<div id="controls">
<h1>Controls 1</h1>
<h1 id="size" class="poplinks button">
Size
<a href="#" class="button selected" title="small"><img src=""></a>
<a href="#" class="button" title="medium"><img src=""></a>
<a href="#" class="button" title="large"><img src=""></a>
</h1>
</div>
这很简单就变成了一个扩展菜单/弹出窗口,如下所示:
.poplinks:hover {
width:auto;
}
.poplinks a {
display:none;
}
.poplinks:hover a {
display:inline-block;
}
问题
这会产生以下类似按钮的元素:
在h1具有风格width:48px;,而且也有应用样式规则width:auto;的h1在悬停的元素,所以它应该能够扩大.但是,在悬停时,子菜单被迫保持不比父元素的宽度宽,当我希望它向右延伸时(在父元素的包含框之外).
我想看到的(通过将元素移动到父元素之外获得,但我希望它保留在内部以继承样式,因此当我将菜单栏从左侧移动到顶部时,它会自动跟随):
这可能吗？你有什么建议？
在JS小提琴中为自己看这个.
浏览器
注意:我计划在Firefox,Chrome和IE 8中使用它.我正在使用Firefox和Chrome中的主要样式,并且基本上完成后,将添加条件CSS以使IE正常工作并尽可能接近.
合理
我绝对定位父菜单的原因是我正在构建一个类似应用程序的页面来显示图像.该页面将托管在父Windows应用程序中,不需要大量识别信息:只显示所需的图像.我选择使菜单绝对定位,而不是使用内联块或浮点数或其他方法来使我的菜单列到位(有两个).但是,它不一定是这种方式.如果您对替代布局或策略有建议,我会全力以赴.
推荐指数
解决办法
查看次数
标签 统计
absolute ×10
css ×7
html ×5
css-position ×4
position ×2
height ×1
mean ×1
overflow ×1
php ×1
r ×1
react-native ×1
require-once ×1
resize ×1
safeareaview ×1
scroll ×1
variation ×1