Question

我不确定这是否是我以前从未遇到的一些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>

使用此设置，bordercontainer对于窗口来说只是略大，并调出滚动条。所有不适合的是边界。有什么想法吗？

Answer 1

我对Dojo一无所知，但您遇到的声音就像标准的CSS行为一样。 CSS宽度仅指元素内容的宽度，不包括边距，填充和边框。请查看CSS box model上的此页面。

道场克拉罗和上浆

1 个答案: