关于ExtJS的问题，div heigth:100% 无法显示 div高度和宽度必须设置为一个固定的值，否则无法显示
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="test.aspx.cs"Inherits="Main_Cente...
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="Main_CenterControl_test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/MapWrapper/1.2/src/MapWrapper.min.js"></script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager_List" runat="server" ScriptMode="Release">
<DirectEvents>
<DocumentReady Timeout="300000" />
</DirectEvents>
<Listeners>
<%--<AjaxRequestException Handler="return false;" />--%>
</Listeners>
</ext:ResourceManager>
<ext:Viewport ID="ViewPort_List" runat="server">
<Items>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<West Collapsible="true" Split="false">
<ext:Panel Title="xxx" runat="server" Width="100" >
</ext:Panel>
</West>
<Center>
<ext:Panel ID="Panel1" runat="server" Title="fasdfasdf" Height="400">
<Content>
<div style="width:300px;height:400px;border:1px solid gray" id="container">
</div>
<span>fasfasfd</span>
</Content>
</ext:Panel>
</Center>
</ext:BorderLayout>
</Items>
</ext:Viewport>
</form>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container");
var point = new BMap.Point(113.27840453666,23.078649364188);
map.centerAndZoom(point,12);
map.addControl(new BMap.MapTypeControl({anchor: BMAP_ANCHOR_TOP_RIGHT}));
map.centerAndZoom(point,15);
map.enableScrollWheelZoom();
map.enableKeyboard();
map.addControl(new BMap.NavigationControl());
window.map = map;
</script>
假如 <div style="width:100%;height:100%;border:1px solid gray" id="container">这样写，除了360浏览器，其他都无法看到地图，请大侠赐教！！！ 展开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/MapWrapper/1.2/src/MapWrapper.min.js"></script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager_List" runat="server" ScriptMode="Release">
<DirectEvents>
<DocumentReady Timeout="300000" />
</DirectEvents>
<Listeners>
<%--<AjaxRequestException Handler="return false;" />--%>
</Listeners>
</ext:ResourceManager>
<ext:Viewport ID="ViewPort_List" runat="server">
<Items>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<West Collapsible="true" Split="false">
<ext:Panel Title="xxx" runat="server" Width="100" >
</ext:Panel>
</West>
<Center>
<ext:Panel ID="Panel1" runat="server" Title="fasdfasdf" Height="400">
<Content>
<div style="width:300px;height:400px;border:1px solid gray" id="container">
</div>
<span>fasfasfd</span>
</Content>
</ext:Panel>
</Center>
</ext:BorderLayout>
</Items>
</ext:Viewport>
</form>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container");
var point = new BMap.Point(113.27840453666,23.078649364188);
map.centerAndZoom(point,12);
map.addControl(new BMap.MapTypeControl({anchor: BMAP_ANCHOR_TOP_RIGHT}));
map.centerAndZoom(point,15);
map.enableScrollWheelZoom();
map.enableKeyboard();
map.addControl(new BMap.NavigationControl());
window.map = map;
</script>
假如 <div style="width:100%;height:100%;border:1px solid gray" id="container">这样写，除了360浏览器，其他都无法看到地图，请大侠赐教！！！ 展开
2个回答
展开全部
div 默认的宽度就是100%，主要是高度，如果不行就用jquery动态设置这个div的高度，而且这里的高度设为100%是没有效果的。简单的方法当然是把高度直接定死。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在extjs中是不能按照%设置的，这是规定，你最好去API中看一下
之前，我也想%来设置，最终是不行的
祝你好运
之前，我也想%来设置，最终是不行的
祝你好运
追问
请问你有什么好的办法呢，非常感谢
追答
有个叫flex的属性是你试试
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
