跨度标签高度没有调整到孩子输入标签

我有一个输入变量，该变量在span.I想要的风格，跨度设置边框和箱阴影和输入标签边界：无。问题是，看起来，输入的高度超过span标签，所以如果我把边框放在span上，它没有显示，因为它被输入标签覆盖。

我相信，如果一个元素被放在span标签内，那么span标签的宽度和高度必须调整为子标签的高度和宽度。但是这里没有发生。

这里是我的code..What可能是错的....

注意：在这段代码中，我并没有把边界：无输入标签，使可见的问题是什么是真正...！！

<style> 
    body{ 
    font-family:Arial,Tahoma,sans-serif; 
    font-size:0.7em; 
    } 
    span{ 
    border:1px solid blue; 
    box-shadow:3px 3px 3px #888; 
    } 
    input { 
    font-size:100%; 
    } 
    </style> 

<body> 

    <span> 
    <input type="text"/> 
    </span> 
</body>

来源

2012-03-25 Rama Rao M

我认为，你可以使用CSS和HTML这样的：

<style> 
    body{ 
    font-family:Arial,Tahoma,sans-serif; 
    font-size:0.7em; 
    } 
    input { 
    font-size:100%; 
    border:1px solid blue; 
    box-shadow:3px 3px 3px #888; 
    } 
    </style> 

<body> 

    <input type="text"/> 
</body>

只要把边框和箱阴影到输入标签，你可以删除跨度标签。

来源

2012-03-26 05:30:00 Tobi

感谢您的回复。是的，我有一个想法abt的逻辑，但在我的情况下，输入框必须用span标签包裹。这是我的要求..可能知道原因，为什么跨度高度不调整给子元素.. !!! – 2012-03-26 05:36:33

好的...我想，span默认情况下不会渲染任何高度或宽度。我也有同样的问题。尝试在CSS中设置跨度定义：“display：block;” – Tobi 2012-03-26 05:52:04

我把显示器：块，现在高度可以，但宽度设置为身体宽度..宽度必须和chlild一样多...我也可以实现这个吗？ – 2012-03-26 06:01:54

跨度标签高度没有调整到孩子输入标签

回答

相关问题