标签: absolute

我正在开发一个可调整大小的页面,右侧有一个侧面菜单,它几乎与这个简单的例子一样:

http://pastehtml.com/view/1do8cy9.html

但问题是位置auto和min-width没有按预期反应.如果拖动浏览器窗口小于500px(最小宽度设置为),红色侧面菜单将继续覆盖绿色内容.

当达到最小宽度fx 500px时,如何使侧边栏停止？

1.position:absolute;left:200px;

2.position:absolute?margin-left:200px;

上述款式有什么不同吗？

绝对位置元素的标签索引

暂时，让我们假设我写了下面的代码：

    <header class="header hap" [ngClass]="authority">
        <div class="header-inner">
            <div class="header-identity">
                <a id="theLogo" class="logo" [routerLink]="[links.home]" title="Navigate to Home">
                    <img src="assets/logo-white.svg" alt="Logo">
                </a>
                <span class="client-logo" *ngIf="user.brandingImage && !user.isTheAdmin()">
                    <img class="brandingImage" [src]="user.brandingImage" [alt]="user.brandingName" onerror="this.style.display='none'">
                </span>
                [ more links ]
            </div>
            <nav class="main-nav for authenticated" [ngClass]="{'active':showMenu, 'app-only':!isCurrPageAdminApp()}">
                <button class="menu" (click)="toggleMenu()">Menu</button>
                <div class="main-nav-flyout" *ngIf="showMenu">
                    <div class="nav-header">
                        <ul>
                            <li>
                                <a id="main-nav-profile" [routerLink]="['/profile']"><span class="icon icon-user2"></span> My Profile</a>
                            </li>
                            [ more dropdown items ]
                        </ul>
                        <a id="main-nav-close" class="close"(click)="onClickMenuClose()"><span class="icon-cross"></span></a>
                    </div>
                    <div class="nav-body">
                        <ul *ngIf="isCurrPageAdminApp()" class="main-nav-list">
                            <li class="current-app">Administrative Tools</li> …

我有一个容器div元素overflow:hidden.不幸的是,由于网站的制作方式,因此需要此属性.

在这个div中,它是所有网站内容,包括一些工具提示.当您将鼠标悬停在某个链接上时,这些工具提示会与jQuery一起显示.

问题是,由于上面的溢出事件,其中一些工具提示会显示部分隐藏,因为它们位于容器div之外...

有没有办法能够从这个容器内部显示一个特定的元素,即使它超出了它的界限？也许是一个JavaScript解决方案？

html看起来像这样:

<div style="overflow:hidden; position:relative;">

  the main content

  <div style="position:absolute;left:-100px;top:-50px;"> the tooltip thing </div>

</div>

为什么在不同的浏览器上获得不同的位置？

{
    position: absolute;
    left:332px;
    top: 210px;
    width: 293px;
    height: 215px;
    border: 1px solid #000000;
    background-color: #143f72;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

在IE中,与Firefox相比,它向左移动100px,在Chrome中,相对于FF,它向右移动100px ...为什么？

编辑:html只是 <div id="container"><div id="the_css_above_div"></div></div>

#container 有以下css:

#container{
    float:left;
    width: 632px;
}

谢谢!

我有一个由我自己编写的小型JavaScript库.我想在我的Web应用程序中引用它,但它不起作用

<script src='file:\\C:\Path\To\Script\Script.js'></script>

当你所知道的是绝对路径时,是否可以引用javascript？

我试图获得相对于浏览器/正文的鼠标单击的绝对位置(顶部和左侧),而不是正文中的任何父元素.

我有一个绑定到身体的监听器,但是e.pageX和e.pageY给了我相对于div的位置.

请注意,我可以利用jQuery和YUI函数.

当前无法正常运行的代码:

//getting the position
function _handleClick(e) {
    var data = { absX: e.pageX, absY: e.pageY};
    _logClickData(data);
}

//binding the function
var methods = {
    init: function () {
        $("body").click(_handleClick);
    }
};

我有一个文件的绝对路径,有没有办法获得文件的绝对路径

http://domainname/rootfolder/filename.php

我想得到类似的东西

/home/domainname/public_html/foldername/filename.php

如果我justify-content: space-between在Flex容器中有多个具有该属性的元素,并且我想绝对定位其中一个并从flex流中删除,如下所示:

这适用于Chrome,但不适用于IE和Firefox,因为绝对定位元素被视为0宽度,但仍然在flex流程中:

有没有修复这个保持布局的原因？

CodePen

我有没有高度的父 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的高度为652p​​x。如何使内容div的高度与容器div的高度相同？