标签: absolute

requireon中的PHP绝对路径

我正在使用一个简单的预制授权工具来保护我的网站.该工具需要将此行代码应用于每个.php页面的顶部.Auth.php生活在根级别.

<?php ${(require_once('Auth.php'))}->protectme(); ?>
Run Code Online (Sandbox Code Playgroud)

我需要能够将这行代码添加到每个文件中,包括子文件夹中的文件.但我不确定如何应用php中的require_once中显示的方法,以确保它始终与protectme()一起绝对链接; 功能.

任何启示都表示赞赏.

干杯.

php require-once absolute

6
推荐指数
1
解决办法
6824
查看次数

滚动时页脚不粘在页面底部

我正在编写一个网页,它应该在顶部有一个页眉,在底部有一个页脚,在右侧有一个侧栏。我无法将页脚置于页面底部。我不希望它是 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> …
Run Code Online (Sandbox Code Playgroud)

html css css-position absolute

6
推荐指数
2
解决办法
2万
查看次数

绝对定位的 div 被父级切断。

我有如下设置:

http://jsbin.com/hevidoya/2/

正如您所看到的,许多内容文本正在换行,因为它似乎压在其父级的边缘上。我希望内部 div 能够呼吸并让里面的内容填充其容器。我不知道如何解决这个问题,但我一直认为绝对定位的元素会破坏盒子模型,并且不会表现得像这样。由于父级是相对的,因此它将相对于父级开始其位置,但宽度将能够延伸到其父级容器之外。左值减小得越多,框的行为就越好,但它偏离了我想要的中心位置。我还查看了用于执行下拉菜单的 bootstraps CSS 代码,我认为我正在做几乎相同的事情。

任何人都可以解释如何解决这个问题,或者解释为什么会发生这种情况?

html css absolute

6
推荐指数
1
解决办法
4787
查看次数

为什么绝对定位的孩子会扩大容器高度以及如何防止这种情况?

假设您有一个父级 div,其中包含多个普通子级和一个绝对子级。

\n\n

我几乎到处 读到,孩子的position: absolute身高不会影响父母的身高,因为它不符合正常流程。然而就我而言,绝对元素扩展了父元素,我不明白为什么。

\n\n

(我尝试阅读规范,但我真的迷失了。)

\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
Run Code Online (Sandbox Code Playgroud)\n\n

CSS

\n\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
Run Code Online (Sandbox Code Playgroud)\n\n

CSS 溢出

\n\n

为什么浏览器让我滚动超过元素的假定高度?它在 Chrome、Safari 和 Firefox 中似乎是一致的,所以我认为它是规范的一部分。

\n\n

我该如何防止这种行为?如果绝对定位的元素不适合 \xe2\x80\x9cdictated\xe2\x80\x9d 的容器高度 \xe2\x80\x9cnormal\xe2\x80\x9d 子元素,我希望将其裁剪。

\n\n

现场观看。

\n

css scroll css-position overflow absolute

6
推荐指数
1
解决办法
3430
查看次数

-webkit-overflow-scrolling打破绝对定位

我正在构建一个页面,当它们以其他方式滚动离开屏幕时,需要有一些元素粘在页面顶部.我成功地使用了这个position:absolute.一切都很完美,但它需要动力滚动.我添加-webkit-overflow-scrolling: touch到可滚动区域的CSS中.这打破了一切.我的粘性元素position:absolute现在只是滚动其余的内容.

我的问题是:

为什么-webkit-overflow-scrolling: touch影响绝对定位,有没有办法绕过这个?

更新:每当子元素变为"固定"或"未固定"时,我都会添加警报.警报继续触发,因此样式仍在应用,它只是不起作用.这意味着跟踪滚动位置不是问题,而是样式问题.

更新:我尝试使用position: fixed,而不是position: absolute-webkit-overflow-scrolling打破了太

更新:经过大量挖掘,我在这里这里找到了对这个问题的引用.但是,两种情况下唯一提出的解决方案是重构DOM,以便粘性元素不在可滚动区域中.在我的情况下,这是一件很难的事情,我宁愿不必这样做.自ios5以来有没有进展或者仍然是唯一的选择?

javascript css scroll absolute mobile-webkit

6
推荐指数
1
解决办法
2222
查看次数

在Javascript数组中查找绝对最大值

我正在寻找一种很好的方法来找到数组的最大ABSOLUTE值.

我的阵列是ie

var array = [10,20,40,-30,-20,50,-60];
Run Code Online (Sandbox Code Playgroud)

然后:

Math.max.apply(null,array);
Run Code Online (Sandbox Code Playgroud)

将导致'50'.但实际上,我希望它返回'60'.

选项是使用Math.abs创建第二个数组,但实际上我想知道是否可以组合apply函数,所以它是一个优雅的解决方案.

javascript arrays math max absolute

6
推荐指数
1
解决办法
4041
查看次数

为什么mad(x)的结果与预期结果不同?

我试图计算数字样本("S")的平均平均偏差.我在使用"mad()"函数时得到的结果以及一次一步地进行平均偏差计算的结果是不同的.为什么?

 s<- c(100,110,114,121,130,130,160)
Run Code Online (Sandbox Code Playgroud)

使用"mad()"函数,我得到:

> mad(s)
[1] 13.3434
Run Code Online (Sandbox Code Playgroud)

当分解公式并一次一步地执行相同的操作时,我得到:

> sum(abs(s-mean(s)))/length(s)
[1] 14.08163
Run Code Online (Sandbox Code Playgroud)

为什么这些结果有所不同?

我在输入配方时出错了吗?(这并不奇怪 - 我刚开始学习R).我的配方有什么问题?

或者是R用来计算与以下不同的平均平均偏差的公式(在维基百科上给出)

MAD =(((每个值减去样品的平均值))的绝对值之和除以(样品中的值的数量)?

(谢谢您的帮助!)

r mean absolute variation

6
推荐指数
1
解决办法
5764
查看次数

react-navigation导航头顶部的绝对位置

我正在制作加载屏幕,并将其设置为整个屏幕的绝对位置。但是,使用react-navigation它似乎并不覆盖标题。有没有一种方法可以将我的组件放置在导航库的标题组件之上?

使用时,react-navigation您可以为该屏幕配置标题。通常,当您导航到屏幕时,您在该屏幕中呈现的所有代码都会自动放置在nav标头下方。但是,我希望组件占据整个屏幕并覆盖标题。我想保留标题,但要用不透明性覆盖它。这可能吗?

const navigationOptions = {
  title: "Some Title",
};

    const Navigator = StackNavigator(
  {
    First: { screen: ScreenOne },
    Second: { screen: ScreenTwo },
    ...otherScreens,
  },
  {
    transitionConfig,
    navigationOptions, //this sets my header that I want to cover
  }
);
Run Code Online (Sandbox Code Playgroud)

这是我的loader.js

const backgroundStyle = {
  opacity: 0.5,
  flex: 1,
  position: 'absolute',
  top: 0,
  left: 0,
  right: 0,
  bottom: 0,
  zIndex: 1,
};

const Loading = () =>
  <View style={backgroundStyle}> 
      <PlatformSpinner size="large" />
  </View>;
Run Code Online (Sandbox Code Playgroud)

在ScreenOne.js中

class …
Run Code Online (Sandbox Code Playgroud)

javascript absolute reactjs react-native react-navigation

6
推荐指数
1
解决办法
4227
查看次数

如何将父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>
Run Code Online (Sandbox Code Playgroud)

CSS

.content {
  position: relative;
}

.container {
  position: absolute;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 120px 0;
}
Run Code Online (Sandbox Code Playgroud)

内容div的高度为0。容器div的高度为652p​​x。如何使内容div的高度与容器div的高度相同?

html css height position absolute

6
推荐指数
1
解决办法
7847
查看次数

在 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>
  );
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

absolute react-native safeareaview

6
推荐指数
1
解决办法
5478
查看次数