简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

并排2个DIV达到并排2个frame效果_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 12:26:03
original
1125 Les gens l'ont consulté

<frameset cols="227, *" framespacing="0" frameBorder="0" border="0">    <frame src="" name="menuFrame" frameborder="no" scrolling="auto" />    <frame src="" name="mainFrame" frameborder="no" scrolling="yes" /></frameset>
Copier après la connexion

<style type="text/css">#content{}.com-l{	width:227px;	float:left;}.com-r{    margin-left: 227px;}</style><div id="content">	<div class="com-l"></div>	<div class="com-r"></div></div>
Copier après la connexion

现在想用2个DIV达到frameset的这种效果，但是高度没有上面的自适应。


回复讨论(解决方案)

你不指定高度吗？

你要怎么样的高度呢？100%屏幕高度？
height:100%；

你要怎么样的高度呢？100%屏幕高度？
height:100%；
子元素继承不了100%；

我希望一出来就是两个子元素就是屏幕高度，然后任意一者增加高度，则两者会等高。就和框架的效果是一样的，现在所有的元素都得指定高度。 

<!DOCTYPE html>  <html lang="en">    <head>      <meta charset="gb2312" />      <title></title>      <style>	.c{width:960px;margin:0 auto;overflow:hidden;}.a{	width:478px;	border:1px solid red;	background:#aaa;	min-height:100px;	float:left;	padding-bottom:5520px;	margin-bottom:-5500px;}.b{	position:absolute;	bottom:0;}	</style></head>  <body>  <div class = "c">    <div class="a"><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p>    </div>  <div class="a">    </div></div>   	</body>  </html>
Copier après la connexion


利用负的外边距，类似这样的吗？

那就利用js，读取最高的那个宽度，然后再定义这个宽度给另一个div

Étiquettes associées：
并排2个DIV达到并排2个frame效果
source：php.cn
Article précédent：网站导航栏有下拉菜单，但是下拉菜单出现后会把下面的内容顶下去，这个怎么办？？？求大神_html/css_WEB-ITnose Article suivant：Web前端学习路线探究_html/css_WEB-ITnose
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
Derniers articles par auteur
Derniers numéros
Besoin d'un script jquery pour déplacer les options sélectionnées à partir d'une zone de sélection en fonction de la sélection actuelle de l'utilisateur final J'ai une page HTML où l'utilisateur final peut classer nos articles via un élément de boît...
Depuis 2024-04-04 18:40:04
0
1
3528
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！