Heim > Web-Frontend > HTML-Tutorial > #d1{folat:left} 和#d2{folat:right; wdth:300px;} 怎么让#_html/css_WEB-ITnose

#d1{folat:left} 和#d2{folat:right; wdth:300px;} 怎么让#_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:52:46
Original
1222 Leute haben es durchsucht

#d1{folat:left} 和#d2{folat:right; wdth:300px;} 怎么让#d1取显示区域剩余的宽度呢?
就比如我屏幕是1024*768那么 d1的width应该为724,这个要怎么获得呢?
求教


回复讨论(解决方案)

有没有前端高手帮忙看看,急啊。谢谢了

  <div style="width:300px;height:100px;background:#ccc;">    <div style="width:calc(100% - 100px);height:100px;float:left;background:#f00;"></div>    <div style="width:100px;height:100px;float:right;background:#0f0;"></div>  </div>
Nach dem Login kopieren

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