表绝对位置没有大小

时间:2016-02-11 12:40:24

标签: html

我想要一个绝对定位的表,在表格的两侧和窗口的边缘之间有15px,但除非我为表格指定宽度,否则它会继续调整内容的大小。

设置style="position:absolute; left:15px; right:15px"在div上给出了所需的行为,但没有表格。

为表格width="100%"赋予表格100%的窗口宽度,然后向侧面添加15px,从而产生滚动条和位置错误的表格。

简单地给表格width="95%"并使其居中并不会在窗口重新调整大小时产生固定数量的空间。

该表是绝对的,因为它需要位于页面的底部。

请参阅fiddle

这似乎我错过了一些明显的东西,但我还没有能够弄明白或者在Google上找到它。

4 个答案:

答案 0 :(得分:1)

<强> CSS

String s[] = input.split("\n"); // "\n" if it is only a new-line. "\r\n" if you use windows OS.

答案 1 :(得分:1)

试试这个

.absoluteFill {
  position: absolute;
  left: 15px;
  right: 15px;
  width: calc(100% - 30px);
}

https://jsfiddle.net/ou5rza6b/

calc浏览器支持http://caniuse.com/#feat=calc

答案 2 :(得分:1)

你必须改变css,它将在.tblPosition类中,如下所示:

.tblPosition {
    bottom: 15px;
    max-width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}

答案 3 :(得分:0)

String[] hallo = {
        "hoi","hoe","gaat","het"        
        };
.borderClass {
  border-width: 1px;
  border-style: solid
}

.absoluteFill {
  position: absolute;
  left: 15px;
  right: 15px;
  margin: 0;
  width: calc(100% - 30px); /*full width minus left and right*/
}

.tblPosition {
  bottom: 15px;
}

.divPosition {
  top: 15px;
  height: 100px;
}

我希望这个答案可以帮到你