如何让我的Div出现？

Question

这是我的代码的链接 http://jsfiddle.net/8B875/

为什么我的Textboxsquare没有显示出来？

HTML

<div id="textbox"></div>
<div id="textboxSquare"></div>

CSS：

* {
    margin: 0; padding: 0;
}

#textbox {
    border: 1px solid #848484;
    -webkit-border-top-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    border-top-right-radius: 30px;
    outline:0;
    height:25px;
    display: block;
    box-sizing: border-box;
    width: 300px;
    padding-left:20px;
    padding-right:20px;
}

#textboxSquare {
    display:inline-block;
    box-sizing: border-box;
    height:25px; 
    width: 150px;
}

Answer 1

就在那里，你看不到它的边界。添加

border: 1px solid #848484;

你会看到它。

Answer 2

它出现了，你就是看不到它。

如果您将border:1px solid pink;添加到CSS中，您将会看到它。

您的第一个框具有高度和宽度，第二个框没有足够的属性可呈现为可见。添加高度，边界属性等。