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文件中用相对路径引用了字体文件或图片 ,但是压缩后的字体文件路径可能发生变化(当压缩的几个文件不在同一个路径下)所以可能导致相对路径引用的子图文件或图片失效。【这种情况在调试的时候不会发生,因为没有压缩 ,但是发布后因为压缩了所以会发生请求不到的情况】