How to generate this popup?

Good time of day. There is a table with 3 cells. When you hover over the safe Deposit box should pop up popup below the cell, but the problem is that he needs to be setting the max-width value which is much wider than the width of the parent table cell. How can I specify this parameter?
184a90be9ce24206b48f19efe18fb489.JPG
Styles pop-up when PC.
.popup {
 position: absolute;
 border: 1px solid #ebebeb;
 background-size: 100%;
 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f8f9f9));
 background-image: -moz-linear-gradient(#ffffff, #f8f9f9);
 background-image: -webkit-linear-gradient(#ffffff, #f8f9f9);
 background-image: linear-gradient(#ffffff, #f8f9f9);
 z-index: 9999;
 width: 520px;
text-align:left;
 padding: 10px 20px 10px 15px;
 line-height: 20px;
 left: -100px;
 display: none;
}
July 9th 19 at 11:10
1 answer
July 9th 19 at 11:12
You can try using width: calc(100% + n);
but then his stretch depending on the content? - dominique.Croo commented on July 9th 19 at 11:15
: then maybe the min-width and width to use - Bobby commented on July 9th 19 at 11:18
Tried. he immediately maximum width specifies the width - dominique.Croo commented on July 9th 19 at 11:21
: min-width: 520px; width: 100%; ? - Bobby commented on July 9th 19 at 11:24
It turns out the same as if you set width:520px; - dominique.Croo commented on July 9th 19 at 11:27
: can the code in the sandbox to throw? - Bobby commented on July 9th 19 at 11:30
: https://jsfiddle.net/sergey750il/gzfy1fpd/ - dominique.Croo commented on July 9th 19 at 11:33
While JS was removed, the problem is in the layout. - dominique.Croo commented on July 9th 19 at 11:36
: maximum width of what should be? - Bobby commented on July 9th 19 at 11:39
: 520px - dominique.Croo commented on July 9th 19 at 11:42
: here is atk should https://jsfiddle.net/gzfy1fpd/2/ ? - Bobby commented on July 9th 19 at 11:45
: the solution is of course not particularly like it, but a quick so far-fetched. - Bobby commented on July 9th 19 at 11:48
If the text is short (2 words) it still popup is not reduced in width, and remains fixed. - dominique.Croo commented on July 9th 19 at 11:51
: Yes, strange. It is necessary to sit down to think. While not particularly. Not come out? - Bobby commented on July 9th 19 at 11:54
: appointed each popapa your class. The decision is not quite true, but so far there is no other option. - dominique.Croo commented on July 9th 19 at 11:57

Find more questions by tags HTMLCSS