代码：
<%@ Page Language="VB" %>
<!DOCTYPE html>
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
#container{
border:4px solid red;
box-sizing:border-box;
}
#block1,#block2{
display:inline-block;
/*float:left;*/
vertical-align:top;
text-align:center;
font-size:18px;
line-height:22px;
width:200px;
height:200px;
}
#block1{
background-color:ActiveBorder;
}
#block2{
background-color:#808080;
}
</style>
</head>
<body>
<div id="container">
<div id="block1">
Block 1<br />
needs to<br />
have a<br />
few rows<br />
of text<br />
that we<br />
can show<br />
to our<br />
viewers
</div><!--
--><div id="block2">
Block 2
</div>
<div style="clear:both;" />
</div>
</body>
</html>
描述：
- 在Visual Studio 2013中创建一个简单的.aspx文件
- 创建一个具有可见边框的父容器
div - 创建两个子
div，大小为200px x 200px - 将属性
display:inline-block;添加到子div - 将
line-height属性添加到子div，例如line-height:22px;
预期结果：在设计时，父容器div应该包裹两个子容器div的
实际结果：在设计视图中，父容器div将折叠在子容器div后面右键单击文件并选择"在浏览器中查看"，父容器div将按预期呈现
注意：
- 如果删除
line-height属性，则父容器div的行为正常 - 如果离开
line-height并将display:inline-block;更改为float:lefts并清除它们，则父容器也会正常工作 - 当在浏览器中实时查看时，它们都可以正常查看
以下是作为错误报告在Microsoft Connect上提交的结果：
来自Microsoft Connect的问候！
此通知是为反馈项生成的：使用"display:inline block"&您在Microsoft Connect网站上提交的设计视图中的"线条高度"。
感谢您将此问题转交给我们。我们会评估客户提交的所有反馈，但遗憾的是，我们无法修复收到的每一项。我们已经评估了您提交的问题，目前我们预计不会发布该问题的更新。如果该问题阻止您使用该产品，请通过Visual Studio帮助和支持与我们的支持人员联系(http://msdn.microsoft.com/en-us/vstudio/cc136615.aspx)MSDN上的页面。
如果Microsoft进行了任何其他更改，您可能还会收到一个常规的"已更新反馈项"通知。
感谢您使用Microsoft Connect！
问候，
Microsoft Connect团队
微软承认了BUG，并表示他们没有兴趣为像我这样的人修复它。当我们创建解决方案而不是报告卷中的错误时，就会发生这种情况。。。。。。。。。。。。