Css 如何将div定位到页面左上角？_Css

Css 如何将div定位到页面左上角？

css

Css 如何将div定位到页面左上角？,css,Css,我正在努力解决CSS问题。我有一个简单的头版，由4个div组成。其中3个是可见的。另一个是覆盖层 <body> <form id="form1" runat="server"> <div id="header">Header</div> <div id="overlay" visible="false"></div> <div id="container">Container</div> <di

我正在努力解决CSS问题。我有一个简单的头版，由4个div组成。其中3个是可见的。另一个是覆盖层

<body>
<form id="form1" runat="server">
<div id="header">Header</div>
<div id="overlay" visible="false"></div>
<div id="container">Container</div>
<div id="menu">
 <input type="text" />
 <input type="button" class="button" value="Go" onclick="ajax.getData()" />        
</div>  
</form>

但是，当屏幕调整大小（更小）时，此div保持锁定位置，但其他div调整大小（需要），但菜单div不调整。将定位更改为“相对”会导致div落在“container”div下面。有人能告诉我CSS有什么问题吗

IE和FF的结果相同

谢谢

-尼克

使用浮动：左；在菜单上，然后使用clear:both清除“浮动”；紧接着

<div id="menu" style="float: left;">
 <input type="text" />
 <input type="button" class="button" value="Go" onclick="ajax.getData()" />        
</div>  
<div id="header" style="float: right;">Header</div>
<div style="clear: both;" />
<div id="overlay"></div>
<div id="container">Container</div>


标题
容器

至少有三种方法可以解决此问题

方法1：-更改div顺序

<div id="header">
<div id="menu">   ---- Menu here
<div id="overlay">
<div id="container">


----菜单在这里

。。。浮标离开了标题和菜单，两者都是相对的。在这些元素之间使用非浮动块元素会影响相对浮动，并且div不一定对齐

方法二：浮动一切

<div id="header">
<div id="overlay">
<div id="container">
<div id="menu">

。。。当所有东西都向左浮动时，相对定位。但是，您需要确保页眉+覆盖+容器的宽度不会太大，从而将菜单推到下一行

方法3：绝对定位和调整大小

将事物保持为添加到表单CSS的

位置：相对。这样，表单中绝对定位的div将把表单解释为它的父元素，并在其中重新调整大小。但是，您的菜单div无法根据当前的表单宽度重新调整大小，因为它具有固定的像素尺寸。这些必须是重新调整大小的百分比
希望能有所帮助。
您已经为#菜单指定了宽度和高度，因此它不会改变大小。你到底希望发生什么？我不希望这个div在屏幕重新调整大小时与其他div重叠。我想我会使用百分比，而不是明确的px大小。在div上浮动不会产生任何影响。div在没有绝对定位的情况下仍然位于页面底部（而不是右上角）。尼克，没问题。也许有更多的方法可以做到这一点，但只有玩弄它才能知道。
<div id="header">
<div id="overlay">
<div id="container">
<div id="menu">