java 对div设置辅助线_高度设置为auto时div的定位

我有一个场景,同时编写一个HTML代码..在一些浮动div之间...有两个div具有绝对定位..并且我创建了一个示例jsfiddle来显示问题..尝试输入一个长文本,例如“CSS溢出隐藏的绝对位置·如何防止...溢出的大小:隐藏的div与位置:绝对一个内部·CSS / HTML ...“..和clickon submite按钮...它将被附加在mainContainer中 . ..因为文本太长,容器div设置为auto ..它将扩展并在文本框容器div后面..无论如何,我应该根据主要所需的高度使文本框容器向下移动容器获取可见区域,然后如果不需要则向上移动..我使用绝对定位由于一个因素..当我添加宽度:100%在css ..那个div通常留下左边距和开始之间的间隙那个div ...它看起来像一个空白..请检查小提琴..

HTML输入

CSS

#mainContainer{

width:50%;

height:auto;

position:absolute;

left:0;

top:20px;

background-color:#000000;

color:#ffffff;

font-size:19px;

}

#textboxContainer{

position:absolute;

width:100%;

height:100px;

background-color:green;

top:60px;

left:0;

}

#inputBox{

width:80%;

}​

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值