dojo claro 和尺寸答案

【问题标题】：dojo claro and sizingdojo claro 和尺寸
【发布时间】：2010-08-16 02:50:01
【问题描述】：

我不确定这是我以前从未遇到过的 css 问题，还是在 dojo 1.5 中使用新的 claro 主题的问题。但是现在，CSS 所说的 100% 大小不包括我的 BorderContainer 的边框：

css:

html,body, .dijitBorderContainer {
   width: 100%;
   height: 100%;    
}

h1 {
    margin-top: 0em;
}

#sidebar {
    width: 300px;
}

和html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>stuff</title>
    <style type="text/css">
        @import "http://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dojo/resources/dojo.css";
        @import "http://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dijit/themes/claro/claro.css";
        @import "css/application.css";
    </style>
    <script type="text/javascript">
        var djConfig = {
            isDebug: false,
            parseOnLoad: true,
            baseUrl: './',
        };
    </script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dojo/dojo.xd.js"></script>  
    <script type="text/javascript">
        dojo.require('dijit.layout.BorderContainer');
    </script>
</head>
<body class="claro">
    <div dojoType="dijit.layout.BorderContainer" liveSplitters="true"></div>
</body>

通过这种设置，边框容器对于窗口来说稍微太大了，并且会显示滚动条。所有不适合的是边框。有什么想法吗？

【问题讨论】：

标签： css dojo

【解决方案1】：

我对 Dojo 一无所知，但您所遇到的听起来像是标准的 CSS 行为。 CSS 宽度仅指元素内容的宽度，不包括边距、内边距和边框。在CSS box model 上查看此页面。

【讨论】：

谢谢，指引我朝着正确的方向前进。我不得不添加“边框：0px纯白；”到 dijitBorderContainer。 “边框：0px；”不这样做。必须是“边框：0px 纯白色；”。我不知道为什么会这样。
只是一个猜测，但border-style: none 可能也可以，因为它是决定是否显示边框的样式。