定位布局 *{ margin:0; padding:0; width:3000px; } .box1{ background:#f00; height:300px; } .box{ background:yellow; height:200px; } .box2{ background:#0f0; height:100px; width:60px; margin-top:50px; } .box3{ background:#00f; height:300px; } .box4{ background:#888; height:50px; width:120px; } 回...
.WfBottom{width:1200;background:#F9F9F9;border-top:1px solid #E9E9E9;margin-top:25px; margin:0px auto;} .Wfbotmain{width:1200px;margin:0 auto;color:#666666;font-size:12px;padding-top:20px;background:#F9F9F9;} .Wfbotmain ul{ float:left; line-height:180%;padding:0 10px 25px 25px;height:110px;} .Wfbotmain ul a,#foot_text a{color:#666666;} .Wfbotli{border-right:1px dashed #ddd;} .WfbotliSpa...
1: 2: 3: 4: 5: <metaname=""content=""> 6: 7: *{ 8: margin:0px; 9: padding:0px; 10: } 11: 12: #no1{ 13: background:#808000; 14: width:300px; 15: height:300px; 16: margin:100px 0 0 100px; 17: } 18: 19: #no2{ 20: background:#c0c0c0;...
padding-top:10px;是指容器内的内容距离容器的顶部有10个像素，是包含在容器内的； margin-top:10px;是指容器本身的顶部距离其他容器有10个像素，不包含在容器内； top:10px;是指容器本身的顶部距离页面的顶端有10个像素。
想这几一个选项卡，想要的效果如下 可是在IE6中当前选项卡的底边框不会盖住父级元素的底边框，网上说父级元素要出发haslaytout，试了都不行，最后在选项卡元素中同时设置 margin-bottom:-1px; position:relative; 这样才解决问题。 这里要注意的是：选项卡元素的高度必须必父级元素高度大1px。 我的代码如下： ?????? ??????? ???????????? ul.tabs{display:block; padding...
margin中设置边框的顺序为上右下左 {margin：top right buttom right} 等同于单独设置中的 { margin-top: 20px; margin-right: 30px; margin-bottom: 30px; margin-left: 20px; } 省略的写法规则为： 如果为外边距指定了 3 个值，则第 4 个值（即左外边距）会从第 2 个值（右外边距）复制得到。如果给定了两个值，第 4 个值会从第 2 个值复制得到，第 3 个值（下外边距）会从第 1 个值（上外边距）...
比如上面图片里的字我就想显示在最下面，而且有的时候标题是两行，所以设置margin-top的肯定不能一次性解决问题。 就是类似下面这个部分： 巴萨憾负塞尔塔，梅西哭晕在厕所。 我让外面的div的margin-bottom：0是无效的。 网页是从上向下布局的，是导致margin-bottom无效的原因吗？ 有没有什么解决方法让margin-bottom有效呢？（position：absolute的方法除外）。如果margin-bottom当真无效，那岂不是这个属性的存...
为什么margin-left 有效果但是margin-right不起作用呢 div练习页面布局 #nav{width: 1347px;height:80px;background-color: red;} #search{width:800px;height:60px;background-color:blue; margin: 0 auto} #title{width: 600px;background-color: gray;margin: 0 auto;} #left{width: 300px;height: 200px;margin-left:70px;background-color: black;} #right{width: 400px;height: 300px;margin-rig...
这篇会很短。 那么如上图所示，margin指的是外边距，padding指的是内边距，border自有其像素宽度，element在1335乘以392的地方。 margin和padding一样总共有四个，上右下左??top right bottom left。你可以选择margin-top这样一个个的去设置，也可以margin:10px 0 0 0;这样。 那么以margin为例，padding类似，后面可以跟的参数有三种形式。 1.margin: 3px 5px;??两个参，分别表示上下和左右，即上下外...
编写HTML5页面，CSS中设置"margin:0px,auto"不能使div居中，请问是何原因？ html页面代码如下： CSS文件代码如下： body { background-color:rgba(241,244,245,80); margin:0px; padding:0px; text-align:center;}.Fu { margin:0px,auto; padding:0px; width:400px; height:200px; background-color:#FFF; border:1px solid #000;} 使用火狐、IE10、IE11均不能使div水...
很多网站在css reset 的时候有如下做法： body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, label, dl, dt, dd,fieldset, img { margin: 0; padding: 0; border: 0; list-style: none; } 也许你有些许怀疑，上面列出的标签都有默认的 margin 和 padding 值么，是不是不管三七二十一， 就统统直接 margin:0 , padding:0 呢...
写在前面 这几天一直在整理面试中遇到的问题，其中一个就是margin与padding的区别。当时说的虽然说出要点了，但是心里还是有点疑惑，所以就又查了查。结合之前整理的内容，深入的研究了下。 [HTML/CSS]盒子模型，块级元素和行内元素 [HTML/CSS]margin属性用法 区别 ①margin:是外间距,padding:是内边距。例如现在有两个2mX2m的房子、房子与房子是有距离的。现在你坐在其中一个房子的中间，这时，你与你所在房子的墙之间就...
#outerBox{ width:128px; height:128px; border:10px black dashed; background:silver;} 上面代码在IE中的效果是 div这个盒子与浏览器边界有一定距离，但是如果html代码改为 #outerBox{ width:128px; height:128px; border:10px black dashed; background:silver;}body{margin:0px;} 此时的显示效果就是 div的边框几乎挨着浏览器边界了 想问下margin不是指的是盒子边框外的距离吗？而div不是在body盒子的内部码...
body{text-align:center}与margin:0 auto的异同？ text-align是用于设置或对象中文本的对齐方式。一般情况下我们设置文本对齐方式的时候需要用此属性进行设置 我们设置某个对象水平方向居中的时候，常常将左右的外边距设置为auto来实现 text-align:center设置为文本或img标签等一些内联对象（或与之类似的元素）的居中。margin:0 auto是设置块元素（或与之类似的元素）的居中。但这两个属性IE与FF的理解也有所不同。 我们设...
Margin是什么 CSS 边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。??W3School 边界，元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。??CSS权威指南 我比较喜欢使用“外边距”这个词来解释margin（同理padding可以称之为“内边距”，但是我又恰恰喜欢称呼padding为“补白”或者“留白”），我...