1、F12快捷键打开。
2、组合快捷键Ctrl+Shift+I
3、浏览器中的逗菜单-更多工具-开发者工具地
调试的话可以直接用组合快捷键Ctrl+Shift+C，可以选中需要调整的元素，开发者工具中有各种属性和值，这是就可以进行修改，并能实时查看效果。
像你这么说，我这样式没有给他宽高度，但是下面实例盒子能看到他款高度呢；
这里的盒子示例不代表最终的呈现结果，只是让你分清盒子的组成，最外围是margin，外边距
然后是border边框，然后是padding内边距，之后才是内容；
看不到盒子就用内部样式测试下，或者就JS测试下点击能不能弹出对话框，检查你的样式，是否有其他div覆盖该div了
1.我们以谷歌浏览器为例，来讲讲怎么调试CSS。先打开谷歌浏览器，看截图里的红色箭头，点击“工具”，点击“开发者工具”，就打开调试工具了，也可以按下快捷键F12来打开调试工具；
2.打开的调试工具如下图所示：
3.我们就以百度的首页为例，看看调试效果。看截图，点击那个“抓取元素”的按钮，来获取要审查的元素；
4.看截图，出现下面的界面后，点击“style”，单击那个对勾，就可以看到效果了；
5.我去掉一些样式之后，就出现了下面的效果，看截图；
