右边框移到底线

我想#araclar下div来有它的右边框住在同一条线上。我怎样才能防止它转移？

CSS：

#düzenleyici{ 
     border: 1px solid #000; 
     width: 600px; 
     height: 300px; 
     box-shadow: 1px 1px 4px #000; 
    } 
    #araclar{ 
     width:auto; 
     height:50px; 
     background:#EEEEEE; 
     display:block; 
     padding:5px 15px 5px 15px; 
     border-bottom:1px solid #000; 
    } 
    #araclar>div{ 
    padding:0 5px 0 5px; 
    display:inline; 
    border:1px solid #000; 
    }

HTML：

<div id="düzenleyici"> 
    <div id="araclar"> 
     <div> 
      Renk 
     <div> 
    </div> 
</div>

来源

2014-06-07 Kutay Altıntaş

变化显示：内联到显示：内嵌块 – AppleBud

感谢它的工作 –

你永远是欢迎的朋友。/*代码是poerty * / – AppleBud

变化display: inline;到display: inline-block;

来源

2014-06-07 15:00:22

用途：http://jsfiddle.net/W9LXd/1/

display: inline-block代替显示器直插式的

或给出一个特定的宽度。

来源

2014-06-07 15:01:13 Ani

IMO有一个与你的CSS没有问题

你的HTML格式不正确，请关闭内最div - 已对其设置display:inline

<div id="düzenleyici"> 
    <div id="araclar"> 
     <div> 
      Renk 
     </div> <!-- yOU have not closed the tag here --> 
    </div> 
</div>

FIDDLE

来源

2014-06-07 15:22:48

右边框移到底线

回答

相关问题