为什么我的 table 中的 Position:Top 不基于文档对象?

Why is Position:Top of my table not based on the Document Object?

我显然需要 10 个声望才能 post 图片,所以才加入问这个问题。我的 HTML 正文中有 3 个元素(table、table、div)。我将位置设置为绝对位置,并在主体加载时使用 javascript 设置顶部、左侧、宽度、高度。

当我检查chrome中的元素时,是的,元素上的样式确实存在,并且页面本身的宽度和高度是准确的。但是我的 Top 0 的多个元素是一个在另一个下面,而不是都在页面顶部。我刚刚查了一下,WC3 说 Top 是相对于最近的 Ancestor。祖先应该是我三行的本体吧?在这种情况下,top=0 的两个应该在顶部而不是 1 在另一个下面。元素不在彼此之内。是一个table,然后是另一个table,然后是一个div,~都在正文中。

如果没有,如何将一个 table 放在左上角,另一个放在右上角?


<body position="relative" onload="BoRayMaa();">
<button id="refresh" onclick="Refresh();">Refresh</button>
<script src="market.js"></script>

<table id="AskTable"  position="absolute">
  <caption>AskTable</caption>
  <tr>
    <th style="color:rgb(255, 255, 121)">Price</th>
    <th style="color:rgb(255, 255, 124)">Amount</th>

  </tr>

</table> 

<table id="BidTable"  position="absolute">
  <caption>BidTable</caption>
  <tr>
    <th style="color:rgb(255, 255, 121)">Price</th>
    <th style="color:rgb(255, 255, 124)">Amount</th>

  </tr>

</table> 

<div id="Datas" position="absolute">
<p id="bids"></p>
<p id="asks"></p>
<header>This is apparently the Tradeable Balance</header>
<form>
Currency: <input type="text" id="Currency"  value="AMfX1zzPwEbxfMbY38XfbiyFFtq7ft7bk4MSNtcjjAvT"></input>
CurrencyOther: <input type="text" id="CurrencyOther" value="WAVES"></input>
PersonAccountAddress: <input type= "text" id="PersonAccountAddress"></input>
</form>
Tradeable Balance: <p id="tradeableBalance"></p>


</div>
</body>
function BoRayMaa() {
    KorTo(document.getElementById("BidTable"),0,0,1/4,1/2);
    KorTo(document.getElementById("AskTable"),3/4,1/2,1/4,1/2);
    KorTo(document.getElementById("Datas"),1/4,0,2/4,1/4);
GetNowOrders(document.getElementById("Currency").value, document.getElementById("CurrencyOther").value);
setInterval(MarketSynth,90);
}
function KorTo(item,mx,my,mw,mh){
item.style.left = window.innerWidth*mx+"px";    
console.log(window.innerWidth*mx+"px");
item.style.top = window.innerHeight*my+"px";    
item.style.width = window.innerWidth*mw+"px";   
item.style.height = window.innerHeight*mh+"px";
}

position 不是 html 属性。你应该把它放在 style 属性中,就像你对 color (css) 属性.

所做的那样

请注意 position 也是一个 css 属性,这就是您需要样式属性的原因。