css-position

    1热度

    3回答

    比方说,我有一个输入显示基于某个数据属性的伪元素,并将其定位在输入的正上方,因此它充当标签。标签按预期工作,但我想根据其他参数对其进行定制,特别是,如果输入具有“必需”类,我希望在标签旁边显示红色星号。是否有可能将伪元素相对于:before伪元素进行定位? 下面是一个例子: .flex-form .field[data-label]:before { content: attr(data

    0热度

    2回答

    我有以下设置: HTML <div> <img src="https://placehold.it/300x300" /> </div> CSS div { position: absolute; top: 0; right: 0; height: 100%; } img { height: 100%; } 当网页加

    0热度

    2回答

    我试图将绝对定位的div中的标签与border-radius 100%一起放入。其实我想禁用点击链接,在循环父div之外的能力。但我做不到......我的印象是,我可以用隐藏的溢出来做到这一点,但我仍然可以点击“圈子”外部的链接。 任何想法? HTML <div class="container"> <div class="logo"> <a id="logo-link" cl

    0热度

    2回答

    我看过这个浮动的例子,但我想知道是否需要在修复头文件时声明两个postions? 例如,你需要声明top:0;和left:0;: .header { position: fixed; top: 0; left:0; width:100%; } 或者你可以逃脱只是top:0;: .header { position: fixed; top: 0; width:100%; }

    1热度

    1回答

    下面是我对伪元素忽略填充的解决方案,但它感觉有点“哈克”,因为我在伪元素上使用了负余量。 此解决方案是否正常? 我也尝试使用left: 0; top: 0;,但后来我得到了我的伪元素相对于页面的主体,而不是元素。为什么? CSS: .block-header { background-color: #3A658B; height: 30px; width: 100%;

    0热度

    2回答

    * { margin: 0; padding: 0; } div#parent { position: relative; } div#container { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0,

    0热度

    1回答

    我想明白为什么下拉菜单的列表没有调整到导航项目的左底边正确。 (我已经尝试添加left: 0px到.dropdown-menu其工作正常的水平差距,但我没有想法如何处理与垂直)。 .navbar { padding-left: 0; list-style-type: none; background-color: #252525; font-

    1热度

    1回答

    我正在使用position属性来定位一个触发左侧菜单的按钮,我也希望它位于y轴上的页面中心,问题在于元素旋转了-90deg并且在那里现在是左侧的空白。我不想把它定位脏左:-24px;或者其他的东西。是否有人知道为什么会有空白,如果是,我怎样才能防止这种情况发生并解决我的问题? 这里是我的代码,您也可以在我做了一个codepen: <div class="content-wrapper bg--se

    0热度

    1回答

    我正在做一个简单的布局,但有一件事是纠缠我。 我想要一个包含两列,全高,侧边栏和内容的布局。 侧边栏里面,我想两件事情:将被定位在底部 一个按钮,固定高度。 一格将在剩余的空间,流体高度居中。 我尝试成为IE 9兼容。 这是基本的布局: <aside> <div class="wrapper"> <nav> <ul> <li>Item menu</li>

    0热度

    1回答

    我在滚动“添加到购物车”区域中添加粘贴到产品页面时遇到了一些麻烦。 到目前为止,我可以在滚动的同时,从选定的元素变为position: fixed,直到它达到可以说是“临界点”的位置,它变成了position: absolute。 我还有一条规则,当我在position: fixed的“起点”上方滚动时删除位置样式。所有这些都写在一个函数中,该函数在$(document).scroll()上触发。