好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

如何实现:上面的div根据内容自动高度,下面的div自动铺满剩余高度_html/css_WEB-IT

有没有纯粹div+css的方式实现上下两个div满足:上面的div根据内容自动高度,下面的div自动铺满剩余高度


回复讨论(解决方案)

我也想知道,等高手作答!

CSS3中的弹性盒模型可以纯粹使用div+css实现你要的效果。如:

  	 		 Temp Web Page 		 			body *{border:1px solid}						#container{ width:200px; height:400px;			    display: -moz-box;				display:-webkit-flex; 				display: -ms-flexbox;								-moz-box-orient: vertical;				-webkit-flex-direction:column;				-ms-flex-direction:column;			}			#inner1{ background:#ddd; }						#inner2{  background:#aaa; 			    -moz-box-flex: 1;			    -webkit-flex:1;				-ms-flex:1;			}		 			 	 		

When you come to the end of a perfect day. It can only mean a tired heart, and the dear friends have to part.

查看更多关于如何实现:上面的div根据内容自动高度,下面的div自动铺满剩余高度_html/css_WEB-IT的详细内容...

  阅读:35次