栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

为什么百分比高度在我的div上不起作用

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

为什么百分比高度在我的div上不起作用

使用

vh
(视口高度)代替百分比。它将获取浏览器的高度并相应地调整其大小,例如

height:90vh;

试试这个代码

<!DOCTYPE html><html><head>  <meta charset="utf-8">  <title>JS Bin</title></head><body><div id ="wrapper">    <div id="tabs" ng-controller="TabsDataCtrl">        <tabset> <tab id="tab1" heading="{{tabs[0].title}}" ng-click="getContent(0)" active="tabs[0].active"    disabled="tabs[0].disabled"> </tab> <tab id="tab2" heading="{{tabs[2].title}}" ng-click="getContent(2)" active="tabs[2].active"      disabled="tabs[2].disabled"> </tab>        </tabset>    </div>    <div id="leaflet_map" ng-controller="iPortMapJobController">        <leaflet center="center" markers="markers" layers="layers"></leaflet>    </div>    </div></body></html>

与CSS

<style>    #wrapper{height:60vh;}    #tabs {width:20% float:left; height:60vh; overflow-y:scroll; overflow-x:hidden;}    #leaflet-map{width:78%; height:60vh; overflow-y:scroll;  overflow-x:hidden;}</style>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/408028.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号