调css时候,如果设置margin-left没有效果,可能是span不是块元素。设置display:block;即可。
margin就是两个标记中间让出点空白,如果你就一个标记又是居左的话margin-right是没有效果的。语法:margin-left:[ | | auto ]{1,4} 默认值: 0 相关属性:[margin ] || [ margin-top ] || [ margin-right ] || [ margin-bottom ]取值 auto:值被设置为相对边的值。用长度值来定义外...
css有时MARGIN 不起作用是设置错误造成的,解决方法为:1、新建一个HTML文件,命名为test.html。2、为了测试出明显的效果,在test.html使用div定义了一个带边框的模块,里面放一个p标签。下面以p标签的外边距设置为例,详细讲解margin的使用。3、使用margin设置p标签的左外边距。主要使用margin-left的方...
margin-left 属性设置元素的左外边距。所有浏览器都支持这个属性。 注释:允许使用负值。 left: left 属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。 注释:如果 "position" 属性的值为 "static",那么设置 "left" 属性不会产生任何效果。 使用left元素,需要使用除static之外的...
页面效果为: 去掉注释,margin-left: -50px生效时,页面效果为: 将box1中的 margin-left: -50px 修改为 margin-right: -50px 时页面效果: 总地来说,margin负值就相当于从相应的边减少对应值的宽/高。(例如:margin-top:-50px ,就相当于从box1的上边开始减少50px的高度) ...
1. 测试left与margin-left的区别: 1.1 生成一个div,输入{border: 1px red solid; height: 200px; width: 200px; left: 50px; } 其效果图为: 这时候输入了left=200px,但是div并没有移动,这是由于他没有被定位,所以left指令无法实行。 1.2 但是如果对这个div进行相对定位或者绝对定位,那么它会定位在他所...
都是在一个盒子里面,都添加float:left浮动,通过margin-left和position:relative的left和right属性,让左右两个div定位在盒子的padding上。 效果图如下: 可以看到,三个div是分开的,都是在content这个盒子里面。二、双飞翼布局 双飞翼布局的三个div没有盒子包起来,是将左右两边的div分别放置在中间div的margin-left和 CS...
那是因为你的那个p元素前面的ul元素是float元素,所以p的margin-top实际上会是以ul前面的元素(如果存在,否则就会跟父元素的css属性来定位)的来定位。所以,要么你就让你的p也是float元素,要么就让p元素clear:left或者both,或者ul和p都不是float ...
这是一种效果,这种效果可以触发,下面四种语句都可以触发BFC 1、position:absolute 2、display:inline-block 3、float:left 4、overflow:hidden BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之也如此 因为BFC内部的元素和外部的元素绝对不会互相影响,因此, 当BFC外部存在浮动时,它不...