html - 如何从另一个 div 定位一个 div ...px

Question

我在将语言选项置于博客顶部时遇到了问题。它在 Windows 和 Mac 上总是处于不同的位置。所以我想做一个内部和外部的div。但是我的内部 div 的位置有问题。

这是我想要的结果: 这就是我现在所拥有的

这是我在 wordpress 上的 CSS 中的代码:

已编辑

.outer {
margin: auto;
overflow: visible;
background: white;
margin-left: 925px;
margin-top: -8px;
margin-bottom:-30px;
font-size: 11pt;
color: #E1BDC3;
border: 1px dotted #999999;
border-radius:8px;
width: 255px;
height: 48px;
padding-top: 15px;
padding-left: 10px;
z-index: 1000;
}

.inner {    
position: relative;
left: 160px;
top: -336px;
background: transparent; 
width: 150px;
z-index: 10001;   
}

带边框的 block 只有<div class="outer"... 内部 div，下拉菜单，是我试图放置在页面顶部的小部件，我给小部件 "inner" class .

问题 --> 如果我输入 marging-right: 4px ，它从屏幕右侧开始计数，如何从Outer div右侧定位(例如4px)？ 以便它从右侧(或左侧，无所谓)的虚线边框开始计数

(我是 HTML 的初学者，所以如果你知道如何帮助我，能否请你告诉我我需要什么代码，在哪里？

Answer 1

您应该使用 % 来指代屏幕上的位置。但是您的问题可以使用 position: relative 解决引用父对象内部的位置，并使用 top 移动它和 left

.outer {
    margin: auto;
    overflow: visible;
    background: white;
    margin-left: 925px;
    margin-top: -8px;
    margin-bottom:-30px;
    font-size: 11pt;
    color: #E1BDC3;
    border: 1px dotted #999999;
    border-radius:8px;
    width: 255px;
    height: 48px;
    padding-top: 15px;
    padding-left: 10px;
    z-index: 1000;
}

.inner {    
    position: relative;
    left: 159px;
    top: -17px;
    background: transparent; 
    width: 100px;     
}

<div class="outer">
  OUTER
  <div class="inner"><select><option>INNER</option></select></div>
</div>