为了账号安全,请及时绑定邮箱和手机立即绑定

DIV+CSS布局顶部总会留白,应该怎么去掉留白?

DIV+CSS布局顶部总会留白,应该怎么去掉留白?

蝴蝶不菲 2019-03-14 15:11:57
.j{ width:100%;height:100%;}.j .ja1{ width:100%;height:115px;}.j .ja1 .jaa1{ width:100%;height:115px;background-image:url('image/jyzx.jpg');}.j .ja1 .jaa1 .jab1{ width:980px;height:61px;margin:0 auto;margin-top:19px;}.j .ja1 .jaa1 .jab1{ width:980px;height:61px;margin:0 auto;margin-top:19px;}这个加上去就有留白了,求大神帮帮忙啊。。急急急!!!!
查看完整描述

4 回答

?
喵喵时光机

TA贡献1846条经验 获得超7个赞

去掉留白的方法就是把下面的加在css文件里

*{ padding:0; margin:0;}

希望能够帮到你。

查看完整回答
反对 回复 2019-04-02
?
月关宝盒

TA贡献1772条经验 获得超5个赞

原因:
如果外层div的父元素padding值为0,那么内层第一个div的margin-top会“转移”给外层div
方法:
1、margin-top:19px;改成padding-top:19px;
2、父元素加上padding;
3、在.jab1之前放一个空的div

查看完整回答
反对 回复 2019-04-02
?
守着一只汪

TA贡献1872条经验 获得超3个赞

用三个DIV左中右拼成了背景图片,在css里也写body{ margin: 0; padding: 0px; },可是还是不能置顶,在DW的设计页面里看是置顶的,在浏览器里预览顶部还是有10px的空白,求指点body{ margin: 0; padding: 0px; }

查看完整回答
反对 回复 2019-04-02
?
墨色风雨

TA贡献1853条经验 获得超6个赞

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>

            无标题文档

        </title>

        <style type="text/css">

            *{

                margin:0;

                padding:0;

            }

            .wrap{

                margin:auto;

                width:700px;

            }

            #ll {

                background-color: #000099;

                float:left;

                height: 100px;

                width: 100px;

            }

            #mm {

                background-color: #00FFFF;

                float:left;

                height: 100px;

                width:500px;

 

            }

            #pp {

                background-color: #CCFF66;

                float:left;

                height: 100px;

                width: 100px;

 

            }

        </style>

    </head>

     

    <body>

        <div class="wrap">

            <div id="ll">

            此处显示  id "ll" 的内容

        </div>

        <div id="mm">

            此处显示  id "mm" 的内容

        </div>

        <div id="pp">

            此处显示  id "pp" 的内容

        </div>

        </div>

    </body>

</html>


查看完整回答
反对 回复 2019-04-02
  • 4 回答
  • 0 关注
  • 2821 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号