子元素避免同时使用float和margin。 如：需要子元素的margin-bottom:20px时，可以给用父元素设置padding-bottom:20px代替。
解决方法： 1.在父元素上加：overflow:hidden. 2.给父元素加border; 3.外容器上加上padding。
问题表述： 那天晚上一个同学给我发来一个问题，原型大概是“一个maindiv嵌套了一个div.class="headr1" 的div 和一个div.class="header2" 的这样两个 div,他给maindiv 设定了background="black" header1设定background=“red” 。header2 设定background=“blue” 同时给heder1 设定margin-top:10px; 他预想的是内层 div.heder1 的上边距 maindiv 上边有10px的距离 但事实上 出现一个问题 ，内层div 并没有出现他所预想的那种效...
整体效果图： 话不多说，大家自己看，相信会有帮助 < div class ="cBody" > < div class ="Top_Bg" > 黑色背景部分宽度为1002px;加上两边红色的1px边框宽度，整个宽度是1004px </ div > </ div > < div class ="cBody" > < div class ="BabyContent" > < div class ="Babyleft" > < div class ="lefttop" ></ div > < div class ="leftbg" > ...
自己的得出的经验,因为我是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 --...