收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1267|回复: 5

[CSS] id的margin-top设置为1000,没反应

[复制链接]
发表于 2016-9-27 19:42:31 | 显示全部楼层 |阅读模式
代码贴不上来,问题区域见图片,代码请见附件。 baidu.rar (969.15 KB, 下载次数: 191)
QQ截图20160927192131.png
发表于 2016-9-27 22:16:03 | 显示全部楼层
是浮动导致的,但清除浮动有时用clear:both是没有效果的,我平时都用一个div专门来清除浮动
你的代码这样写就有效果了
<div class="people_hidden">
    <div class="people people_mar">
       <ul>
           <li><img src="people1.png"><br /><a href="">赵洁琼</a></li>
           <li><img src="people2.png"><br /><a href="">前端工程师</a></li>
           <li><img src="people3.png"><br /><a href="">韩雪冬</a></li>
           <li><img src="people4.png"><br /><a href="">方立勋</a></li>
     </ul>
</div>
<div style="height:0; clear:both;"></div>
<div class="people" id="div1">
    <ul>
        <li><img src="people1.png"><br /><a href="">赵 琼</a></li>
        <li><img src="people2.png"><br /><a href="">前端工程师</a></li>
        <li><img src="people3.png"><br /><a href="">韩雪冬</a></li>
        <li><img src="people4.png"><br /><a href="">方立勋</a></li>
    </ul>
</div>
回复 支持 1 反对 0

使用道具 举报

 楼主| 发表于 2016-9-28 08:28:13 | 显示全部楼层
chaoguang 发表于 2016-9-27 22:16
是浮动导致的,但清除浮动有时用clear:both是没有效果的,我平时都用一个div专门来清除浮动
你的代码这样 ...

问题解决了!谢谢大神!又学到了!
回复 支持 反对

使用道具 举报

发表于 2016-9-28 10:29:01 | 显示全部楼层
aside .people:after {
        content:'';
        display:inline-block;
        clear:both;
        visibility:hidden;
}
回复 支持 反对

使用道具 举报

发表于 2016-9-28 10:29:54 | 显示全部楼层
aside .people:after {
        content:'';
        display:inline-block;
        clear:both;
        visibility:hidden;
}

css里面加一段这个代码就好了 也是清除浮动的一种办法 不过个人是觉得这是最好的清除浮动的办法
回复 支持 反对

使用道具 举报

发表于 2016-9-28 11:07:54 | 显示全部楼层
如果是清除浮动,还可以用伪类来做。
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-10-23 00:43 , Processed in 0.087669 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表