Inhaltsverzeichnis
回复讨论(解决方案)
Heim Web-Frontend HTML-Tutorial css+div左右布局没效果,右边的被挤到底部_html/css_WEB-ITnose

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

Jun 24, 2016 am 11:56 AM

在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 需求变更频繁等等,比较麻烦

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

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt? Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt? Mar 04, 2025 pm 12:32 PM

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt?

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Mar 17, 2025 pm 12:27 PM

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu? Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu? Mar 04, 2025 pm 02:39 PM

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu?

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Mar 17, 2025 pm 12:20 PM

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5?

Was ist der Zweck des & lt; datalist & gt; Element? Was ist der Zweck des & lt; datalist & gt; Element? Mar 21, 2025 pm 12:33 PM

Was ist der Zweck des & lt; datalist & gt; Element?

Was ist der Zweck des & lt; Meter & gt; Element? Was ist der Zweck des & lt; Meter & gt; Element? Mar 21, 2025 pm 12:35 PM

Was ist der Zweck des & lt; Meter & gt; Element?

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Mar 20, 2025 pm 06:05 PM

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?

Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen? Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen? Mar 12, 2025 pm 04:05 PM

Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen?

See all articles