2 ying83811 ying83811 于 2016.03.01 18:12 提问

css的div宽度多了一部分
css

样式布局

一致找不到蓝色背景下的那个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
qq_27704715   2016.03.01 18:19

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

ying83811
ying83811 不行啊,我都是把margin这些清除了的
接近 2 年之前 回复
ying83811
ying83811 不行啊,我都是把margin这些清除了的
接近 2 年之前 回复
ying83811
ying83811 不行啊,我都是把margin这些清除了的
接近 2 年之前 回复
ying83811
ying83811 不行啊,我都是把margin这些清除了的
接近 2 年之前 回复
ying83811
ying83811 不行啊,我都是把margin这些清除了的
接近 2 年之前 回复
sinat_32761163
sinat_32761163   2016.03.02 16:38

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

ying83811
ying83811 底部的粉红色的背景是高度自动的,怎么多了些?
接近 2 年之前 回复
lml_little
lml_little   2016.03.08 11:08

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!