Table des matières
回复讨论(解决方案)
Maison interface Web tutoriel HTML 【】一个DIV中并列放两个DIV。右侧div大小不定。_html/css_WEB-ITnose

【】一个DIV中并列放两个DIV。右侧div大小不定。_html/css_WEB-ITnose

Jun 24, 2016 pm 12:02 PM
div 右侧 大小


如图所示:
想制作一个网页,其中头部是一个div,其中左边是一个图片,右侧是背景色(与图片右侧的颜色相同),根据浏览器的大小repeat-x。
下方是一个#middle的div嵌套两个叫left和right的div,其中left的width为200px;right的右边缘要与头部右边缘一致。

问题是右边right的总是比较窄,做不到根据页面大小适应啊???


回复讨论(解决方案)

在右侧div内加个div,并加上一个inner的类

div1{float:left;position:relative;margin-right:-200px;}div2{float:right;width:100%;}div2 .inner{margin-left:200px;}
Copier après la connexion

http://jsfiddle.net/jikeytang/b75z9/2/
网速快的话,打开看看。

回2L,加上margin-right:-200px;之后左侧就消失了

"问题是右边right的总是比较窄,做不到根据页面大小适应啊???"啥意思?
左边宽度固定的话,右边应该填满共同容器的剩余宽度,根据页面宽度自适应。当页面宽度较小,右边才会很窄的吧。如果希望当页面宽度较小时,右边div不会太窄,可以给右边div定义一个min-width,或者,使用media query进行响应式布局,将右边或左边div垂直显示,不在一行。
以下是一个简单的两列布局的例子:

nbsp;html>


    
    
    Test









你看看你的width设计的大小是否左右相等 还有高度大小

你也可以用DWcs5插入一个2行2列的表格

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment augmenter la taille du disque dans VirtualBox [Guide] Comment augmenter la taille du disque dans VirtualBox [Guide] Mar 17, 2024 am 10:10 AM

Comment augmenter la taille du disque dans VirtualBox [Guide]

Que faire si la barre des tâches Win7 s'affiche dans la fenêtre droite du bureau Que faire si la barre des tâches Win7 s'affiche dans la fenêtre droite du bureau Jun 29, 2023 pm 07:41 PM

Que faire si la barre des tâches Win7 s'affiche dans la fenêtre droite du bureau

Comment utiliser CSS pour se rendre compte qu'il manque un coin à un div Comment utiliser CSS pour se rendre compte qu'il manque un coin à un div Jan 30, 2023 am 09:23 AM

Comment utiliser CSS pour se rendre compte qu'il manque un coin à un div

Implémentation d'un script de navigateur de traduction de marquage de mots basé sur l'API ChatGPT Implémentation d'un script de navigateur de traduction de marquage de mots basé sur l'API ChatGPT May 01, 2023 pm 03:28 PM

Implémentation d'un script de navigateur de traduction de marquage de mots basé sur l'API ChatGPT

Quelles sont les différences entre div et span ? Quelles sont les différences entre div et span ? Nov 02, 2023 pm 02:29 PM

Quelles sont les différences entre div et span ?

Quel est le modèle de boîte de division ? Quel est le modèle de boîte de division ? Oct 09, 2023 pm 05:15 PM

Quel est le modèle de boîte de division ?

Quelle est la différence entre iframe et div Quelle est la différence entre iframe et div Aug 28, 2023 am 11:46 AM

Quelle est la différence entre iframe et div

Comment définir la taille de l'icône Apple 15 Comment définir la taille de l'icône Apple 15 Mar 08, 2024 pm 05:22 PM

Comment définir la taille de l'icône Apple 15

See all articles