1

这个简单的 html 结构中有一个奇怪的问题。这是html代码

<body>
    <div class='DatePicker' style="display: inline-block">
        <div id="dayDiv" class='DayDiv BorderMe'>
            <div id='upArrowDivs' class="BorderMe" style='display: inline-block; height:10%;width:100%;'>
                <div class='UpArrowDiv BorderMe'>

                </div>
                <div class='UpArrowDiv BorderMe'>

                </div>
            </div>
        </div>
    </div>
</body>

这里两个最里面的 div 显示在其父 div 之外，其 id 为“upArrowDivs”。这是JsFiddle 链接，您可以在其中查看 StyleSheet 中发生的事情。

4

4 回答 4

1

将此规则添加到.UpArrowDiv

vertical-align: top;

看小提琴

于 2013-05-09T11:59:19.730 回答
0

这是解决方案。

除了 CSS：

#upArrowDivs{overflow:auto;}

您需要为此添加溢出。

希望这可以帮助。

于 2013-05-09T12:05:00.487 回答
0

这是选项

1）增加“upArrowDivs”的高度

2) 为“upArrowDivs”设置 Padding=0，为最里面的 div 设置 margin=0

于 2013-05-09T12:05:54.517 回答
0

将此添加到您的 css 文件中

#upArrowDivs{overflow:hidden;}
于 2013-05-09T11:32:40.230 回答