文本框高度100％当父母分区有边距

我有类似如下：

<div id="outerdiv" style="width: 50%; height: 100%"> 
    <div id="innerdiv" style="margin: 5px; height: 100%"> 
     <textbox> 
    </div> 
</div>

我想文本框占用有边距内div的充分空间。两个问题：

如果内部div的高度为100％，它会溢出，因为它有边距。我不能在外部div上填充，因为外部div会溢出它的父项等。整个布局是一个有四个相等的子方块的正方形，其中每个子方块就像上面的标记。

那么，怎样才能让我的innerdiv采取了全高，但仍然有我想要的保证金？

如果我将文本框设置为100％的宽度和高度，则边距再次出现问题，文本框溢出。

我怎样才能让文本占满整个空间，而不溢出？

编辑：

小提琴：以此为基础，并具有固定的宽度和高度添加一个外部div来看看我的问题： http://jsfiddle.net/7w8TA/

这是我自己创建一个小提琴但我不知道它是否公开或不... http://jsfiddle.net/LethalLava/mY6Dn/

来源

2012-11-23 UmaN

你可以设置一个小提琴？ – Nelson

用一些小提琴链接编辑。 – UmaN

希望这可以帮到你： http://jsfiddle.net/7w8TA/

<div style="width:400px; height:300px"> 
<div id="outerdiv" style="width: 50%; height: 100%;border:1px solid black" > 
    <div id="innerdiv" style="margin: 5px; height: 100%;border:1px solid red" > 
     <input type="text" value="textbox" style="width:98%" /> 
    </div> 
</div>

http://jsfiddle.net/mY6Dn/4/

来源

2012-11-23 09:49:45 anmarti

是的，这很接近，但这不是我确切的情况。从来没有使用小提琴，所以希望这个工程，检查这个：http://jsfiddle.net/LethalLava/mY6Dn/。希望它是公开的...我只是在外部div外面添加了一个div，并在其上设置了一个固定大小：400px宽度和300px高度。问题就出现了。此外，文本框没有填满整个高度。 – UmaN

okey我看到了。如果外部div宽度不是动态的，您可以使用宽度调整文本框宽度：99％或类似的值。 http://jsfiddle.net/mY6Dn/4/ – anmarti

如果没有“确切”的方式来实现这个，真的很伤心...谢谢反正。 – UmaN

文本框高度100％当父母分区有边距

回答

相关问题