Heim > Web-Frontend > HTML-Tutorial > 请教div高度如何自适应屏幕分辨率_html/css_WEB-ITnose

请教div高度如何自适应屏幕分辨率_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:37:38
Original
1354 Leute haben es durchsucht

图片总是上传不成功,简单的说就是左右两列div,请教如何让这两个div的高度自适应当前屏幕的分辨率,自动撑满屏幕?谢谢!


回复讨论(解决方案)

<html> <head> <style type="text/css">*{padding:0;margin:0;}.container{height:100%}html,body{height:100%;width:100%}.l{width:20%;background:#333;float:left;height:100%;}.r{width:80%;background:#666;float:right;height:100%;}</style> </head> <body> <div class="container">	<div class="l">dfsf</div>	<div class ="r">rrr</div> </div> </body> </html>
Nach dem Login kopieren

height:100%;

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage