javascript - 如何使盒子从侧面扩展一段距离

标签 javascript css css-float

我想知道您是如何制作的,以便一个框(文本区域)可以扩展以填充空间,但从某个像素距离(不是百分比)开始,刚好足以容纳每一侧的菜单。这可能吗?

我尝试了尽可能多的 CSS 属性,但似乎没有一个能正常工作。 (请注意,如果需要,我可以使用 javascript)

我的具体页面:http://pastebin.com/5adPwXEE

最佳答案

不要以为你需要 javascript,你只需要将你的聊天 division 隔离到 div 中(这正是它们的用途;))

默认情况下,这个 div 将是 100% 宽 - 然后你在它的两边留出空白以清除你的 2 x 绝对定位列表.. 然后它里面的 textarea 可以是 100% “聊天 div”.. 然后你删除 body 元素的填充,因为你不需要它

我添加了 div class="chat" 并删除了所有不必要的 CSS

示例:here

关于javascript - 如何使盒子从侧面扩展一段距离,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5691610/

相关文章:

javascript - 解析对象点表示法以检索对象的值

javascript - 如何将 i18next 翻译方法绑定(bind)到 grunt-contrib-pug 编译器

css - 自定义 CSS 出现在检查元素中但没有出现在页面上?

html - Django 表单 - 禁用自定义 css 的错误转义

html - 将下一个 sibling float 到前一个 sibling 的左边

javascript - Internet Explorer 错误消息 "The operation was timed out"

javascript - 服务器集合更改时的 meteor 触发事件

css - 当 div 被限制为偏离中心的有限宽度 div 时,它在页面上水平居中

css - float 元素宽度影响其他元素居中

css - 使用 css 通用选择器 (*) 清除流