ASP.NET Framework中CSS文件失效求助（Visual Studio 12环境）

嘿，我之前在VS老版本里也碰到过这种样式加载抽风的情况，给你几个实用的排查和解决方法：

• 先确认CSS引用路径是否正确
  别小看路径问题，这是最常见的坑！你可以右键VS里的CSS文件，选择「复制路径」，然后把路径粘贴到页面的<link>标签的href属性里。另外，打开浏览器F12的「网络」面板，刷新页面看看CSS文件是不是返回404——如果是，那肯定是路径写错了。

• 清理VS和项目的缓存
  VS12的缓存偶尔会搞事情，你可以先右键项目选择「清理」，再点击顶部菜单的「生成」→「生成解决方案」。要是还不行，手动删掉项目目录下的obj和bin文件夹，然后重新生成项目，这招对很多奇怪的缓存问题都管用。

• 强制刷新浏览器缓存
  有时候是浏览器缓存了旧的CSS文件，导致新样式没生效。按Ctrl+Shift+R强制刷新页面，或者在浏览器开发者工具里勾选「禁用缓存」（刷新时保持工具打开），看看样式能不能正常加载。

• 检查CSS选择器和优先级
  看看你写的CSS选择器有没有拼写错误，ID选择器要和页面元素的ID完全一致（CSS区分大小写哦）。用浏览器F12的「元素」面板选中对应元素，查看「样式」面板——如果你的CSS规则被划掉了，说明要么是选择器不匹配，要么是被更高优先级的样式覆盖了。

• 检查项目的输出设置
  右键CSS文件选择「属性」，把「复制到输出目录」设置为「如果较新则复制」，确保最新的CSS文件能被复制到输出目录。另外，右键项目→「属性」→「Web」选项卡，确认启动动作指向的是正确的页面。

附上你提供的CSS代码，方便对照检查：

body { 
  margin-left: 0; 
  margin-right: 0; 
  margin-top: 1px; 
  background-color: #ebebeb; 
} 
#info_body { 
  margin:auto; 
  background-color:white; 
  border: 1px solid black; 
} 
#div_left{ 
  height:250px; 
  width:250px; 
  float:left; 
}

内容的提问来源于stack exchange，提问作者JigJagJoe