dojo claro and sizing

我不確定這是否是一些以前從未遇到過的css問題，或者是在dojo 1.5中使用新claro主題的問題。但現在，什麼CSS說是100％的大小不包括我使用BorderContainer邊界：dojo claro and sizing

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對於窗口來說只是稍微大一點，並提出了滾動條。所有不適合的是邊界。有任何想法嗎？

來源

2010-08-16 WtLgi

我對Dojo一無所知，但是你正在經歷像標準CSS行爲的聲音。 CSS寬度僅指元素內容的寬度，不包括邊距，填充和邊框。看看CSS box model上的這個頁面。

來源

2010-08-16 03:03:31 casablanca

謝謝，引導我走向正確的方向。我不得不添加「border：0px純白色」;到dijitBorderContainer。「邊境：0像素;」不這樣做。必須是「邊框：0px純白色」。我不知道爲什麼這樣。 – WtLgi 2010-08-16 13:25:44

只是一個猜測，但'border-style：none'可能也適用，因爲它是決定邊框是否顯示的樣式。 – casablanca 2010-08-16 22:55:32

dojo claro and sizing

回答

相關問題