负margin使用注意的一个问题

在项目实力中经经常使用到负margin 如：

 <div id="test"><ul><li>子元素1</li><li>子元素2</li><li>子元素3</li><li>子元素4</li><li>子元素5</li><li>子元素6</li></ul></div>

是实现如图的效果：

对于css 要做到兼容ie 6 须要对浮动的li的包括层ul加上样式

position: relative;zoom: 1;

此时ul 不应该用clearfix的方式清楚浮动负责 ie6会出错

负margin使用注意的一个问题相关推荐

负margin几种用法的总结
1.负margin在Tab选项卡中的应用 2.负margin负位移技术应用: 3.利用负margin制作自适应左右布局:这类布局效果(左边一个固定图片,右边为内容) ...
负margin应用案例几则（转载+总结）
(一)自适应布局--左栏改右栏这里先写个一列固定列宽,另一列自适应的两列布局,效果图: 侧栏移至右边,效果图: 其HTML <div class="wrap">< ...
负值之美：负margin在页面布局中的应用
本文转载自:http://www.topcss.org/?p=94,有修改. 负数给人总是一种消极.否定.拒绝之感,不过有时利用负margin可以达到奇妙的效果,今天就表一表负值在页面布局中的应用.这 ...
负margin的移位参考线
同早年~ 问题描述在xx项目中,羊城通卡号的输入框处使用了xx库中的实现方式,即将提示文字标签<label>通过负margin移位到<input>框的下面.静态时展现良好,j ...
CSS解决display:inline-block产生的缝隙间隙-代码写在一行设置字体大小为0 设置负margin
问题:行内存在空隙 <style type="text/css">ul li{display: inline-block;border: 1px solid #0000 ...
负margin在布局中的运用（*****************************************************************）...
一.左右栏宽度固定,中间栏宽度自适应 <!DOCTYPE html> <html> <head lang="en"><meta chars ...
bootstrap和圣杯布局
Bootstrap Bootstrap:是一种css框架,其中包含了很多写好了的样式和布局. 引用Bootstrap直接引入一个外部的bootstrap的文件即可 <link href=&quo ...
margin带一个、二个、三个、四个参数不同的含义。
margin: 20px;(上.下.左.右各20px.) margin: 20px 40px;(上.下20px:左.右40px.) margin: 20px 40px 60px;(上20px:左.右4 ...
如何构建一个理想UI代码表达的自动化工具？
作者:闲鱼技术-吉丰基于设计师产出的 Sketch,甚至是一张 PNG,就能自动生成高可维护可扩展的 UI 代码,质量堪比一位资深前端工程师, 一定是一件让整个大前端领域都为之尖叫的事情. 出于这样 ...
js margin作用到父元素_CSS中margin-top对父级元素产生作用的问题
在页面重构中,利用margin进行定位非常常见,然而margin-top这个属性经常会给我们带来一定的困扰,有时候不起作用,还把父层"拉"了下来,如图所示: 代码如下: test2 ...

负margin使用注意的一个问题

负margin使用注意的一个问题相关推荐

最新文章

热门文章