Html 一个独立于另一个的DIV，在整个身体的中左，其高度变为

基本上我身体里有两个div。一个主div，一个是我想要在整个页面的水平左侧和垂直中间独立放置的div，我希望它的高度与整个页面悬停时的高度一样大。我试着使用绝对位置，这应该是有效的，但它没有，所以我在这里问。我想要独立的div元素，在左中是“search”div。下面是我上传的完整代码和图片，以更好地解释我想要实现的目标，以防万一：

/*CSS文档*/
html{
身高：100%；
}
身体{
背景色：rgba（1130255,1）；
宽度：100%；
最小高度：100%；
}
#主要{
宽度：100%；
保证金：0自动；
}
#标志{
保证金：0自动；
宽度：130px；
高度：130像素；
}
.标志{
保证金：0自动；
文本对齐：居中；
宽度：130px；
高度：130像素；
}
#海上航行{
保证金：0自动；
}
#容器{
保证金：0自动；
文本对齐：居中；
列表样式：无；
字号：0；
}
李{
利润率：0.20px；
字号：18px；
显示：内联块；
}
h1{
边际：0.50px；
显示：内联块；
颜色：#FFF；
字体系列：“库珀标准黑色”；
}
h1：悬停{
颜色：rgba（1130255,1）；
背景色：#FFF；
边界半径：10px 10px 10px 10px；
-moz边界半径：10px 10px 10px 10px；
-webkit边界半径：10px 10px 10px 10px；
边框：0px实心#000000；
}
.家{
颜色：rgba（1130255,1）；
背景色：#FFF；
边界半径：10px 10px 10px 10px；
-moz边界半径：10px 10px 10px 10px；
-webkit边界半径：10px 10px 10px 10px；
边框：0px实心#000000；
}
.facebook:hover{
背景色：#FFF；
边界半径：10px 10px 10px 10px；
-moz边界半径：10px 10px 10px 10px；
-webkit边界半径：10px 10px 10px 10px；
边框：0px实心#000000；
}
.推特：悬停{
背景色：#FFF；
边界半径：10px 10px 10px 10px；
-moz边界半径：10px 10px 10px 10px；
-webkit边界半径：10px 10px 10px 10px；
边框：0px实心#000000；
}
.mailto:悬停{
背景色：#FFF；
边界半径：10px 10px 10px 10px；
-moz边界半径：10px 10px 10px 10px；
-webkit边界半径：10px 10px 10px 10px；
边框：0px实心#000000；
}
#我{
宽度：300px；
保证金：0自动；
}
#搜寻{
位置：绝对位置；
保证金：0自动；
}
.搜索{
背景色：#FFF；
边界半径：0px 10px 10px 0px；
-moz边界半径：0px 10px 10px 0px；
-webkit边界半径：0px 10px 10px 0px；
边框：0px实心#000000；
}
#导航不足{
保证金：0自动；
}

森扎·蒂托洛文件





关于
博客

试试这段代码，可能会有用

#search:hover{
  height:100%;
}

---

当我试图用负边距来修复它时，我愚蠢地问了这个问题：答案是我刚刚写的代码：#搜索{

---

我在中间偏左，我试过了，不起作用，父母都有100%的身高。

text-align:left;
    margin-top:-300px;
    width:50px;
    height:50px;
    background-color:#FFF;
    border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border: 0px solid #000000;
}

#search:hover {
    height:100%;
    width:200px;
    background-color:#FFF;
    margin-top:-640px;
    position:absolute;
}

#search:hover img {
    display:none;
}