对一名前端来说，改页面的过程总是痛苦的，产品经理说要加个点击样式，于是加active的class，本来以为这样就OK了，没想到电脑上ok，本地测也是ok的，tomcat上一跑就没效果了。我甚至把! important也加上去了也没效果，于是就网上寻找答案，以下列出2种亲测有效的解决方法。 一个方法是把a原样式写上。 a{color: red;}a:hover{color: blue;} 但是这种方法对于后来加class的人就不方便了，其实还有一个更简便的方法：在bo...
子元素的margin-top作用于外层父元素解决方法:有时候在设置子元素的margin-top属性的时候，本来是要作用于父元素，但是表现的结果却是父元素具有了margin-top效果，下面就通过代码实例介绍一下如何解决此问题。代码实例如下: 蚂蚁部落#box{ width:200px; height:200px; background:red; overflow:hidden;}#main{ width:50px; height:50px; background:blue; margin-top:50px;} 上面代码实...
.brand{ width: 100%; overflow:hidden; margin: 40px auto;}.brand img{ /* max-width: 200px; */ width: 25%; height: 300px; float:left;} 回复讨论(解决方案) *{margin:0;padding:0;} 加这个试下 *{margin:0;padding:0;} 加这个试下 已经加了，这个应该是IE7对宽25%有误差的原因。 记得IE6用百分比宽度的话会有类似四舍五入的，IE7没遇到过。 .brand img...
在网页的布局过程中，经常会用到float属性来实现页面的左右布局，但是有个问题就是父元素的高度并不能根据子元素的高度自适应。比如下面这段代码： title p left right 在浏览器中查看效果如下： 在有些情况下，我们需要父元素能够根据子元素的高度进行自适应，这时候你只需要给父div加个overflow:hidden就可以了。譬如： ...
给table的css添加属性：border-collapse: collapse; 边框不折叠的表格 行,列，行组是不具有border的
一、前言 需要实现一个文字环绕图片的效果，心想so easy嘛。 1）代码部分 .img-left { border: 3px solid #005588; width:300px; } .img-left img { float:left; /* 对图片进行浮动就可以实现了 */ width:150px; } 这是一段中文这是一段中文这是一段中文这是一段中文这是一段中文这是一段中文这是一段中文这是一段中文这是一段中文这是一段中文这是一段中文这...
这种结构有时候在界面预览的时候会出现一段多出来的高度。这个高度，一开始我很奇怪是什么原因产生的。鼠标移动到a标签上会有高度出现，一开始我以为是a标签的高度。可是我看a是隐藏的，隐藏的不是不会有高度撑开吗？而且我设置了a的各种属性都无法解决这个问题。后来，我就想这会不会是别的标签。比如是外头的div或者是img标签。我又对外头的div各种鼓捣，也还是没有一丁点的反应。行了，问题显现的差不多了。这个时候我就去搞一搞...
使用jps命令查看java进程，经常出现类似"3135 -- process information unavailable"，有两种情况，第一种：3135这个PID存在，原因为当前ID为其他用户启动，该用户没有查看权限。第二种：3135这个PID不存在。 jps命令process information unavailable # jps631 Jps3135 -- process information unavailable24351 Bootstrap323 Bootstrap2978 -- process information unavailable # jps631 Jps3135 -- processin...
常常我们会遇到我们要设置在一行显示的布局，却因为种种原因造成了错位，看到结果是在一行的最后一个盒子布局错位掉下去了（如下图）。 造成DIV CSS网页布局错位的原因大概有两种情况，一种是宽度计算错误，一种是IE BUG造成，特别是IE6和IE7。接下来我们挨着为大家介绍错位与解决错位方法。 一、宽度计算错误解决方法 - 宽度计算错误，假如总宽度为500px，有3个盒子，分别css宽度为200px、200px、100px，这个没问题...
1. 额外标签法这种方法就是向父容器的末尾再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需 要额外的（而且通常是无语义的）标签。我个人比较喜欢这种方法，因为它简单、实用、浏览器兼容性好，而且这种方法也是W3C推荐的方法或者使用2. 使用after伪类这种方法就是对父容器使用after伪类和内容声明在指定的现在内容末尾添加新的内容。经常的做法就是添加一个“点”，...
xhtml css页面制作过程中问题的解决方案，说是解决方案应该有点过了，充其量只不过是给刚刚开始学标准页面制作的朋友们的一些小建议，如果讲得不对的地方请多多包涵，当然也可以提出你们更好的方法，大家相互学习交流，共同成长！无论是谁，在制作页面的过程都是会碰到这样或者那样的问题，出了问题就肯定要解决。解决问题的前提是要知道问题出在什么地方，对于新手来说不一定一看到问题就知道问题出在哪里。比如在IE6中“多了...
float浮动造成父级元素塌陷的解决方法是：给父元素设置一个高度，在最后的一个子元素后设置一个空div并使用clear清除浮动，父元素设置overflow：hidden，为父元素添加after伪类在进行网页布局时，时常会用到float浮动属性，但是当父元素下的子元素设置了浮动就会造成父元素塌陷。接下来我们将在文章中为大家具体介绍如何解决因浮动而造成父元素塌陷的问题，具有一定的参考作用，希望对大家有所帮助【推荐课程：CSS教程】当给一个元...
CSS中的transition属性可用于调整元素更改的时间，它可以像动画一样显示。虽然transition属性可以很方便的实现过渡效果，但是有时候可能会出现无效的情况，所以我们就需要来理解transition属性的写法规则。我们先来看一下CSS中transition属性不起作用的原因transition是一种允许您指定更改时间等的属性。当用于设置鼠标光标放在按钮上时颜色和大小更改的时间时，它可以有像动画一样的效果。transition格式如下选择器名称{ transiti...
margin是一个属性，指定元素和元素之间的间距，但不能为内联元素指定边距，本篇文章将给大家介绍关于CSS中margin不起作用的原因及解决方法。margin不起作用的原因对于初学者来说，可能会经常遇到即使你设置了margin属性但是却不起作用。在理解margin前，我们先来看一下盒模型margin不起作用的原因往往是没有考虑到display：“display:block”或者“display:inline”.我们来看具体的例子HTML<h3>这是一个内联块</h3>CSSh3{display:i...
css如何解决bug？相信有很多刚刚接触CSS中IE浏览器的朋友都会有这样的疑问。本章就给大家介绍CSS中IE浏览器最基本的一些bug以及解决方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。一、IE6双倍边距bug当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10px” 在IE6中，该值就会被解析为20px。想要解决这个BUG就需要在该元素中加入di...