Heim > Web-Frontend > HTML-Tutorial > css+div左右布局没效果,右边的被挤到底部_html/css_WEB-ITnose

css+div左右布局没效果,右边的被挤到底部_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:56:01
Original
1984 Leute haben es durchsucht

在CSS+div里面,我先做了1个div背景,然后想在这个

里面放两个
,意思就像是把1个网页平分两半,但是问题出现了,就是:我先在左边那个
设置了高度和宽度,并且放好了东西,接着在做右边那个
的时候他不是和第一个
并列显示的,而是排在了下面,右边就这样空着(里面两个
的宽度没超出背景)。求助,谁告诉我怎么使里面的两个
并列显示,最好说的详细点。谢谢!

我在第一个div里面加了  样式:float:left; 没效果,第2个
里面也加上float:right;也是一样没效果!


回复讨论(解决方案)






        

    

 左边


        

        

            

右边


        

    









        

    

 左边


        

        

            

右边


        

    





使用到绝对定位 position:absolute;

首先谢谢各位解答,问题解决了,不是2#的说法,那个我试过了,情况是这样的,在一个body里用了BACKGROUND: #d6e4ef; COLOR: #000000,就对div有影响,并且把BACKGROUND: #d6e4ef; COLOR: #000000放到div都不行,最后去掉BACKGROUND: #d6e4ef; COLOR: #000000就可以了,但还不明白其原理,望各位大大解释一下,谢谢了。

我认为你去掉的这段代码语法有问题

           没并行  ,  一。被其他元素挤下去了 。 二: 宽度不够 . 

不用浮动用定位也可以
不会发生这些事情

很简单:你把float:right也改成float:left 就可以了

float: left

首先谢谢各位解答,问题解决了,不是2#的说法,那个我试过了,情况是这样的,在一个body里用了BACKGROUND: #d6e4ef; COLOR: #000000,就对div有影响,并且把BACKGROUND: #d6e4ef; COLOR: #000000放到div都不行,最后去掉BACKGROUND: #d6e4ef; COLOR: #000000就可以了,但还不明白其原理,望各位大大解释一下,谢谢了。



跟这个应该没关系,看来楼主还是没找到问题关键

我的经验就是, 这种东西能用table 布局就用table,  如果你的程序涉及accessibility, i18n, UX designer 需求变更频繁等等,比较麻烦

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