Heim > Web-Frontend > HTML-Tutorial > div浮动?CSS求助!急_html/css_WEB-ITnose

div浮动?CSS求助!急_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:08:40
Original
999 Leute haben es durchsucht

 








以上两个div,想让下面那个div随着上面的那个高度的变换自动变化位置,保持两个div之间的间隔高度不变,怎么实现?


回复讨论(解决方案)

设置margin就行了
.search {
  margin-top: 10px;
}

不行啊,其中search和conds的css是这样的
.search{ width:99.9%; padding-top:2px; height:28px;  
         border: 1px solid #B5D8F1; text-align: center; margin-top: 10px;
       }
.conds{ margin:2px;height:30px;}

难道有冲突?

不知道你的具体的要求是什么,想弄成什么样,看不出来。

是你没有说清楚吗?自动变化位置是什么意思?你定义了固定的高度还怎么变化?

说错了,不是高度,是位置变化,第一个div比之前增高100px,则下面那个div向下移动100px

难道现在不向下移动,而是重叠吗?

难道现在不向下移动,而是重叠吗?

是的,直接覆盖住了

把按钮遮住了,看不见了,不知道怎么发图,就不上图了

建议你把CSS代码帖出来。

一般没设高度的话,自动就可以实现你说的效果,但是你现在效果有异常,建议你贴CSS代码,可能是用了定位还是啥的。

要不,你把你那个想要自适应高度的DIV加个overflow:auto;试试,不行的话只能贴代码了。

我试了一下你自己上面的代码,没有你说的重叠效果。。。。。。。可能是其他地方有冲突

使用position来调节
如果你想要位置变化后,position:relative;一般能就觉问题
不过还有一种是你将第二个层方第一个里面,然后第二层position:absolute;然后再设高度就好

这个要用定位来做。

position:relative;
和position:absolute;

这是很简单的定位方式,  其实多练练手就会记住。 我以前老忘记的! 

如果是浮动问题的话,就清除浮动。clear:both;

div本来就会自动移下来,如同对积木一样,无需任何其他的修饰,可能是样式有冲突。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage