1.图片下方出现几像素的空白间隙问题说明：这个问题在ie6和ff（火狐）下经常见到,例如 <div><img src=""/></div>这个图片下面会有一条空白间隙，解决方法：给图上一个垂直方向的属性如:vertical-align: top(任意一个就行middle);这个问题从而延伸到，object(视频)和textarea在火狐下也会出现类似的问题，解决方法一样。细心的朋友会发现在第二节ahuing的重置代码里就有这样一个全局定义object,textarea,img{vertical-align: top...
现在我们可以选择浏览器非常多，所以浏览器的环境也是种类繁多，同一个浏览器也是包含各种不同的版本，不同的版本之间的渲染方法也存在差异，，它们支持的 HTML5、CSS3 特性恐怕也不尽相同。这种情况于是造成Web开发者在开发网站时，要面对数量庞大的浏览器种类。如果开发时按最低标准，比如 IE6不支持的特性，我们统统不用，那就没有必要写这篇文章了；但我想这种情况极少，更多的开发，是在现代浏览器上使用它们支持的特性，而在...
当我们设置我的的div，或者其它文本框固定宽度之后，文本内容过多就会出文本溢出（显示在区域外面，不换行的情况）。这时我们可以使用Css中的几个属于来解。有以下的三个属于可以解决问题：1，word-break 属性规定自动换行的处理方法。word-break: normal|break-all|keep-all;值 描述normal 使用浏览器默认的换行规则。break-all 允许在单词内换行。keep-all 只能在半角空格或连字符处换行。2，overflow 属性规定当内容溢出元素...
<style type="text/css">.clear{background:red;width:200px;}.clear:after{content:"\200B";display:block;clear:both;height:0;}.clear{*zoom:1;}.left{float:left;background:yellow;}.right{float:right;background:blue;}</style></head><body><div class="clear"><div class="left"><p>fsdfdfdsf</p></div><div class="right"><p>fsdfdfdsf</p><p>fsdfdfdsf</p></div></div>原文：http://www.cnblogs.com/timily/p/3766515.h...
?首先验证自己的路径是否写错,按住ctrl键,点击你填写的路径,如果显示cannot find******,无法跳转到文件的话,说明你的路径写的有问题,自己通过加../来解决即可,如果自己的路径填写无误,那么再使用下面的几种方法.方法一 : springmvc的配置中添加静态资源过滤<mvc:default-servlet-handler/> 或者<mvc:resources location="/WEB-INF/jsp/js/" mapping="/js/**" /><mvc:resources location="/WEB-INF/jsp/css/" mapping="/css/**" /><...
本文我们分享前端CSS背景100%平铺,浏览器缩小背景显示不全bug解决的两个方法，如果你也遇到了，那么就可以参考下面文章。把浏览器的窗口缩小时，拖动滚动条时你会发现原本设定的CSS背景100%平铺的背景少了一块，而且窗口越小时，空白越大。解决方法：width:100%;min-width:990px;在width:100%; 后面加个 min-width：**px; 这个长度取于你的网页最低宽度。Ps：逐风个人认为上诉的解决方案还不够人性化，想要实现不同分辨率下灵活覆盖...
精通CSS：高级Web标准解决方式（第2版）跳转至： 导航、 搜索层叠重要度：（也就是说。用户!important能够覆盖inline style） !important、用户>作者、最后是浏览器/用户代理规则特殊性（次序）的计算：a,b,c,d 假设同样。后定义的优先 假设是inline style，a=1b=ID选择器（#id）的个数c=类、伪类、属性选择器的个数d=类型、伪元素选择器的个数=> 大站点复杂内容情况下怎样管理规则次序？？？@import比link慢？p41 （垂直）margi...
前段时间公司需哦一个后台管理系统，左侧是导航栏，右侧是content区域。然厚刚开始用的是js 去控制的，但是当页面的椰蓉过长的时候，有与js单线程，加载比较慢，就会有那么一个过程，查找了很多的方法都没有解决。最后，尝试用css终于给解决。给大家看下效果图。这只是个例子。那编的内容长，就听从那边的， 给大家看下代码.aa{ background:pink; float: left; width: 200px; padding-bottom: 2000px; ma...
一.什么是浏览器兼容性问题？ 所谓的浏览器兼容性问题，是指不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况；而造成浏览器兼容问题的根本原因，是浏览器的内核不同导致的。认识浏览器内核 浏览器类型 内核 JS引擎 IE Trident JScript Firefox Gecko TraceMonkey Chrome ...
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style type="text/css"> html, body { height: 100%; margin: 0px; padding: 0px; } #main { background-color: #E01313; height: 100%; } #nav { backgr...
ASP.NET MVC4，ASP.NET MVC5中对JS和CSS的引用又做了一次变化，在MVC3中我们这样引用资源文件：<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />将在运行的时候自动将虚拟（相对）路径转换为应用程序绝对路径。这是比较传统的引用方式，尽管他做了一次转换操作，对服务器的请求数量压力并没有什么改进的变化，所以推测可能出于模块化设计思想和并发方面的考虑，微软在MVC4，MVC5中将这一方...
如今，这种利用CSS制作圆角的技术已经得到了大多数主流浏览器的支持，包括Safari，谷歌浏览器，IE，Opera和火狐浏览器。下面让我们来看看border-radius的语法，解释，以及IE是如何支持它的。语法和说明在CSS3中用来生成圆角效果的属性是border-radius.这个属性跟大家熟知的width等属性的用法相似：复制代码代码如下:.roundElement { border-radius: 10px;}上面的这句代码的作用是设置一个元素的四个角的弧度半径值都为10px。你也可...
什么是CSS Float？定义: float 属性定义元素浮动到左侧或右侧。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级元素，而不论它本身是何种元素。元素对象设置了float属性之后，它将不再独自占据一行。浮动块可以向左或向右移动，直到它的外边缘碰到包含它的框或另一个浮动块的边框为止。fload属性有四个可用的值：Left 和Right 分别浮动元素到各自的方向，None (默认的...
断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！1：li边距“无故”增加 任何事情都是有原因的，li边距也不例外。 先描述一下具体状况：有些时候li边距会突然增 加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引...
webpack.conf.js 中 resolve.alias 配置resolve: {extensions: [‘.js‘, ‘.vue‘],alias: {‘@‘: path.resolve(__dirname, ‘src‘),‘@scss‘: path.resolve(__dirname, ‘src‘, ‘scss‘),} }配置了resolve.alias 后，在js中我们可以这样用// 原本这样写 import hongAlert from ‘./../src/scss/icon.scss‘// 现在可以这样写 import hongAlert from ‘@scss/icon.scss‘在scss中需要这样写，注意是~@// 原本这样写 @import ...