ying83811
brainty
采纳率0%
2016-03-01 10:12 浏览 1.4k

css的div宽度多了一部分

样式布局

一致找不到蓝色背景下的那个3px的粉红色背景是咋个产生的,望高手赐教啊,小弟感激不尽

附上源码:

 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<style>
html,div{margin:0px;padding: 0px;}
</style>
</head>
<body style="width: 600px;padding: 0px;margin: 0px auto 0px;background-color: transparent;">
<div class="content" style="display: inline-block;width: 600px;background-color: pink;">

    <div class="right" style=" vertical-align: top;
    text-align: center; line-height: 30px;background-color:
    red;height: 30px;display: inline-block;">
        右边根据内容决定宽度
    </div>
    <div>
    <div class="left"  style="background-color: blue;
    width: 100%;height: 30px;display: inline-block">

    </div>
    </div>
</div>
</body>
</html>

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

3条回答 默认 最新

  • qq_27704715 倾诉风雨 2016-03-01 10:19

    你试试改一下body里面的那个margin属性,看看是否可以

    点赞 评论 复制链接分享
  • sinat_32761163 sinat_32761163 2016-03-02 08:38

    难道不是因为蓝色的div高度不够吗?

    点赞 评论 复制链接分享
  • lml_little 小虫信息科技 2016-03-08 03:08

    你用的display:inline-block这个属性,这个属性是会留一些空白的,除非你加font-size: 0px;这个。

    点赞 评论 复制链接分享

相关推荐