css上下距离问题_html/css_WEB-ITnose
程序员文章站
2022-05-30 20:00:10
...
css中有代码:
.my_box .myleft .article{ width:200px; margin-top:0px;margin-bottom:0;height:295px;}
.my_box .myleft .abox{ width:200px; border:1px #ddd solid;border-top:2px #0a529b solid;padding:1px; height:257px;}
.my_box .myleft .abox .bt{background:url(../images/notice_bt_bg.png) repeat-x; height:36px; display:block;}
.my_box .myleft .abox .switch{ float:left; background:#fff; width:100px; height:36px; border-right:1px #ddd solid; font-size:14px; color:#0f5aa4; line-height:36px; text-align:center; font-weight:bold;}
.my_box .myleft .abox .more{ float:right; padding-right:10px; line-height:36px; color:#666;}
.my_box .myleft .abox .more a{color:#666;}
.my_box .myleft .abox .more a:hover{color:#0a529b;}
.my_box .myleft .abox .ulist{ display:block; padding:5px 10px;}
.my_box .myleft .abox .ulist li{ background:url(../images/icon1.png) no-repeat 0 8px; color:#333; display:block;line-height:26px; padding-left:8px;}
.my_box .myleft .abox .ulist li span{ float:right; color:#666; font-family:Arial;}
.my_box .myleft .abox .ulist li a{color:#333; }
.my_box .myleft .abox .ulist li a:hover{color:#0a529b;}
html中有代码:
在论坛新帖1新帖与论坛新帖2之间的上下距离居然有33px左右的上下距离,可我定义的 margin-top:0px,这是为什么?请指点!
.my_box .myleft .article{ width:200px; margin-top:0px;margin-bottom:0;height:295px;}
.my_box .myleft .abox{ width:200px; border:1px #ddd solid;border-top:2px #0a529b solid;padding:1px; height:257px;}
.my_box .myleft .abox .bt{background:url(../images/notice_bt_bg.png) repeat-x; height:36px; display:block;}
.my_box .myleft .abox .switch{ float:left; background:#fff; width:100px; height:36px; border-right:1px #ddd solid; font-size:14px; color:#0f5aa4; line-height:36px; text-align:center; font-weight:bold;}
.my_box .myleft .abox .more{ float:right; padding-right:10px; line-height:36px; color:#666;}
.my_box .myleft .abox .more a{color:#666;}
.my_box .myleft .abox .more a:hover{color:#0a529b;}
.my_box .myleft .abox .ulist{ display:block; padding:5px 10px;}
.my_box .myleft .abox .ulist li{ background:url(../images/icon1.png) no-repeat 0 8px; color:#333; display:block;line-height:26px; padding-left:8px;}
.my_box .myleft .abox .ulist li span{ float:right; color:#666; font-family:Arial;}
.my_box .myleft .abox .ulist li a{color:#333; }
.my_box .myleft .abox .ulist li a:hover{color:#0a529b;}
html中有代码:
在论坛新帖1新帖与论坛新帖2之间的上下距离居然有33px左右的上下距离,可我定义的 margin-top:0px,这是为什么?请指点!
回复讨论(解决方案)
my_box .myleft .article{ width:200px; margin-top:0px;margin-bottom:0; height:295px;}
.my_box .myleft .abox{ width:200px; border:1px #ddd solid;border-top:2px #0a529b solid;padding:1px; height:257px;}
是2个 height的 差距把
上一篇: oracle闪回技术恢复误操作数据
下一篇: 举例讲解PHP面对对象编程的多态
推荐阅读
-
windows下关于sublime text2,HTML/CSS/JS Prettify插件使用路径问题处理
-
关于老式浏览器兼容HTML5和CSS3的问题
-
windows下关于sublime text2,HTML/CSS/JS Prettify插件使用路径问题处理
-
html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
-
关于老式浏览器兼容HTML5和CSS3的问题
-
Html中Css页面跳转问题
-
html开发中CSS块格式化上下文实现方法
-
详解关于html,css,js三者的加载顺序问题
-
HTML&CSS 问题
-
HTML与CSS常见问题解决方式以及重点内容归类