自己的得出的经验,因为我是div+table混排的,所以 div的margin无效,我就设一个值就行了. 超简单! 无效的div { display : inline-table } 就行了,目前用过的只有这么多,,display中的block,none,inline,还有今天的inline-table
周末疯狂购 body{margin:0 auto;padding:0; font-size:12px; font-family:"宋体";} h1,h2,h3,ul,li,img,p{margin:0; padding:0; border:0; list-style:none;} .clear{clear:both;} .wrapper{width:990px; margin:0 auto;} .top{width:990px; height:56px; margin:0 auto; background-color:#f44b47;} .top h1{height:56px; line-height:56px; text-align:center; font-size:32.63px; color:#fff; font-weight:bold;...
input也会有margin了。为什么会是这样的？ 无标题文档.yi { border: 1px solid #000; display: inline-block; margin-left: 50px; } 回复讨论(解决方案) display: inline-block; 这个就是原因，这样设置，可以使得div拥有布局，ie67下的很多bug都是由布局引起的。 至于，为啥这个设置，会影响input元素（input元素在ie67本身就拥有布局） 我自己测试了下，这个情况只有在父子元素都拥有布局，并且子元素还是inpu...
回复讨论(解决方案) 我想设置DIV在TOP上是不变的，不会因为前面的DIV高度增加而下移，所以设置了position: absolute;top:120px; 但这样的话，自动居中又怎么办？ 使用过 position:absolute;的话 居中就要用 top:50%； left:50%；来进行定位， 这个还要看你的元素所在文档流中的位置来看，呵呵不过 一般 Left:50% 就能居中了 具体数值你自己调下 有宽度加auto就居中了，不用绝对定位
我现在使用的浏览器是360极速浏览器。 第一段代码： html{border:1px solid blue;}body{border:1px solid red;}p{border:1px solid green;}div{border:1px solid red;margin:0px;}divpp 显示效果如下 此效果说明在360极速浏览器中，的margin-top是存在的，目测为10px； 然后，把 中的div这一行去掉 产生如下效果： 这个效果有说明了的margin-top变为0px了。 似乎有些矛盾。 问题很初级，见笑...
* { margin:0px; padding:0px; } aaa bbb 效果如图 理论上这2个div应该是差60px的，实际上在很多浏览器里都多了8px 求教在display为inline-block情况下，怎样精确控制2个div间的距离 回复讨论(解决方案) 求教，帮忙，谢谢啊 办法有很多 可以用 float：left margin-right 可以中间加一个 60宽度的inline－block 可以在第一个div外面套一个 padding...
show2 body{ } .alignCenter{ margin: 10px auto; width: 950px; } ._head{width: 100%; float: left} a{display:inline-block;margin-left: 20px;text-align: center;font-family:"Arial" "黑体";color: white;} .nv_logo{width: 950px;height: 128px;} .logo{width: 246px;height: 128px;float: left} .nv{width: 704px;height: 30px;padding-top: 98px;background-image: url(src/nv....
这段代码在firefox或者ie8下面（其他浏览器没去试）都出现 内层div的margin-top撑开外层的现象 请教各位这是什么原因 附上图片 回复讨论(解决方案) 用相对定位 ie,firefox 定义的，body体的尺寸不一样啊。 你要先 body{ margin:0; padding:0; } 外层没设border就重叠了。 外层没设border就重叠了。 关键字：层嵌套的时候边距无效。 用pading-top 在父元素设置overflow:hidden;方可解决...
FF10的效果 IE6的效果 #content .text{ margin-top:23px; border:1px solid #99FF00; overflow:hidden; height:200px;} 我发现是 设置了高度的原因 如果我不设置高度margin-top:23px可以生效 如果设置高度那么就成IE6那种情况了 无标题文档 body,h4{ margin:0; padding:0} /*头部 header*/ #header,#menu{ width:960px; margin:0 auto} #hcolumn{ background:#FFFAFA; height:35px; line-h...
为什么连续2个div的margin 设置了margin:20px auto; 我的理解应该是2个div之间有40px的间距，。 可显示出来却只有20px 怎么那么奇怪？ .div1{margin:20px auto;width:500px;height:100px;background-color:#FF99FF;overflow:hidden;} .div2{margin:20px auto;width:500px;height:100px;background-color:#339933;overflow:hidden;} .div3{margin:20px auto;width:500px;height:100px;background-color:#9933FF;overflo...
这是我的CSS代码 #header { width: 90%; height: 50px; background-color: orange; overflow: auto; position:fixed; margin:auto; z-index: 1; } 图中的橙色块怎么也居中不了 我尝试过修改代码的次序，也试过不要overflow，z-index等代码，还是没有解决问题 希望各位帮忙解决一下，谢谢！ 回复讨论(解决方案) 贴你完整的html和css First html --...
定位布局 *{ 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个像素。