使高度适应其内容

时间:2018-10-15 15:57:47

标签: css responsive-design responsive frames frameset

我正在使用两个帧,好像将屏幕分成两部分。据我所知,我只能通过为每个帧指定百分比来定义帧(行)的高度。我似乎真的找不到找到一种方法来使第一帧的大小自动适应其内容的高度。尝试使用100%,自动,底注底等方式进行游戏,但没有任何效果!请帮助

这是我的代码:

html:

 <html>
   <frameset rows="9%,91%">
   <frame src="header.htm">
   <frame src="content.htm">
   </frameset>
 </html>

htm(“标头”正文):

<body class='project1'>
         <div class="information">
   <div class="navigation"> Navigation menu </div>
   <div class="project-information">Project info</div>
         </div>
</body>

css:

.project1 {
background-color: #f1f1f1;
margin: 0;
padding: 0;
overflow-x: hidden;
}

.information {
font-family: "Times New Roman";
width: 100%;
height: 100%;
padding-bottom: 10px;
overflow-x: hidden;
top: 0px;
padding: 10px;
z-index: 1;
}

0 个答案:

没有答案