【】一个DIV中并列放两个DIV。右侧div大小不定。_html/css_WEB-ITnose
Jun 24, 2016 pm 12:02 PM
如图所示:
想制作一个网页,其中头部是一个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;}
http://jsfiddle.net/jikeytang/b75z9/2/
网速快的话,打开看看。
回2L,加上margin-right:-200px;之后左侧就消失了
"问题是右边right的总是比较窄,做不到根据页面大小适应啊???"啥意思?
左边宽度固定的话,右边应该填满共同容器的剩余宽度,根据页面宽度自适应。当页面宽度较小,右边才会很窄的吧。如果希望当页面宽度较小时,右边div不会太窄,可以给右边div定义一个min-width,或者,使用media query进行响应式布局,将右边或左边div垂直显示,不在一行。
以下是一个简单的两列布局的例子:
nbsp;html>
你看看你的width设计的大小是否左右相等 还有高度大小
你也可以用DWcs5插入一个2行2列的表格

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

Sujets chauds
![Comment augmenter la taille du disque dans VirtualBox [Guide]](https://img.php.cn/upload/article/000/887/227/171064142025068.jpg?x-oss-process=image/resize,m_fill,h_207,w_330)
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

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

Quelles sont les différences entre div et span ?

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

Quelle est la différence entre iframe et div

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