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>

css

3个回答

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

ying83811
brainty 不行啊,我都是把margin这些清除了的
3 年多之前 回复
ying83811
brainty 不行啊,我都是把margin这些清除了的
3 年多之前 回复
ying83811
brainty 不行啊,我都是把margin这些清除了的
3 年多之前 回复
ying83811
brainty 不行啊,我都是把margin这些清除了的
3 年多之前 回复
ying83811
brainty 不行啊,我都是把margin这些清除了的
3 年多之前 回复

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

ying83811
brainty 底部的粉红色的背景是高度自动的,怎么多了些?
3 年多之前 回复

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!