1、style中 float：是使元素脱离文档流（从上到下 从左到右），有的标签默认会占用整行的位置（div），有的标签默认不会占用整行(span,img)
如果占用整行的元素（例如div 下面写了float：left的元素(例如span) 那么span还是不会到和div 一行，除非div也float
但是如果不占用整行的元素（例如img） 下面写了float:left的元素 （例如span ） 那么span 会漂到和img一行，并且按照left规则 飘到img的左边去（如果两者都float:left 则按照代 码的先后顺序布局，谁在代码中在前 谁在页面中更靠左）
2、1 隐藏滚动条 ： style="overflow:hidden"
3、 iframe 隐藏边框 充满整个父元素容器 （一般是div） 不显示滚动条 <iframe src="/UserInfo/Index" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>
此时如果还有滚动条 可能是父元素容器中的,此时把width height 稍微改小一点 即可取出滚动条
4、设置div背景图片拉伸平铺 style=" background: url(/Content/lib/images/applebg.jpg) no-repeat;background-size:100% 100%;" （100% 100% 表示把div铺满）
5 、 margin、margin-top、margin-bottom等属性是设置外边距的（设置该元素距离其他元素或父元素边框在某个方向上的最小距离） 并不是设置某元素在父元素中的绝对位置的
同理 padding 、padding-top、padding-bottom是设置内边距的
例如 在一个div中的span 给它设置margin-top:30px;起作用，但是设置margin-bottom:30px;不起作用， 是因为距上外边距最少为30 给span推下来了，但是距下边距远远大于 30 所以不会起作用 。
如果要设置绝对位置 <span style="position:absolute;bottom:30px"></span> 这样设置 （fixed相对于浏览器窗口进行定位 relative 相对于其正常位置进行定位）
6、 新建页面默认是不会填充满的 周围可能会有白边，这对于带颜色的网站是不太好的，所以要把周围的白边去掉，经试验发现这白边的轮廓其实是<body>元素的margin默认有值导致的 而不是<body>内<div>元素的 所以要去掉白边 就要设置<body>元素的margin（外边距属性）为0px
7、MVC 中如果用BundleConfig 压缩JS和CSS文件 css文件中用相对路径引用了字体文件或图片 ，但是压缩后的字体文件路径可能发生变化（当压缩的几个文件不在同一个路径下）所以可能导致相对路径引用的子图文件或图片失效。【这种情况在调试的时候不会发生，因为没有压缩 ，但是发布后因为压缩了所以会发生请求不到的情况】
扫一扫
343
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
