Css 材料设计可扩展文本字段宽度100%

我试图在

外部表

元素的整个宽度上展开

md textfield

。但是，当我设置

宽度：100%

时，它没有正确展开，它的部分属于屏幕的右侧，并且它的大小有一些问题。我没有给出

外表的确切宽度，因为它应该根据设备的不同而变化。谁能告诉我我做错了什么，以下是我目前所做的


.outer表{
宽度：100%
}
.表格标题{
位置：相对位置；
左：9px；
底部：3px；
宽度：100%；
}
.表格标题div.mdl-textfield{
位置：绝对位置；
右：10px；
z指数：9999；
宽度：自动；
}
.全宽{
宽度：100%；
}

文本区
搜索
可扩展文本字段
更改此css：

.table-header  div.mdl-textfield {
  position: absolute;
  right: 10px;
  z-index: 9999;
  width: auto;
}

.table-header  div.mdl-textfield {
      position: absolute;
      right: 10px;
      z-index: 9999;
      width: 100%;
    }

对于此css：

.table-header  div.mdl-textfield {
  position: absolute;
  right: 10px;
  z-index: 9999;
  width: auto;
}

.table-header  div.mdl-textfield {
      position: absolute;
      right: 10px;
      z-index: 9999;
      width: 100%;
    }

您只需交换
和


可扩展文本字段
搜索
在这种情况下，标签贴在左侧，但我希望它在右侧。我不确定您的要求是什么。在你的演示中，一切都按照你的要求进行，不是吗？你还缺少什么？