Как получить ширину таблицы, чтобы оставаться в ее контейнере?Как получить ширину таблицы, чтобы оставаться в контейнере?
.outerSection:nth-child(4) .innerSection:nth-child(1) .sectionData:nth-child(1) table{
margin:15px 15px 20px 15px;
width:100%;
max-width:100%;
}
В таблице не будет переполнение контейнера КРОМЕ:
1. The table has position:absolute;
2. The table has a width greater then 100%
3. The table has a greater pixel width then the container does
4. The table uses margin-left or margin-right
5. The table has a padding, which then you could do width: auto
Те не являются единственными простыми способами таблицы может перелиться таблицей , Если он все равно переполнен, и одно из вышеуказанных 3 условий не выполняется, отправьте свой контейнер и таблицу CSS.
Возможно, решение проблемы с установкой будет устанавливать ширину в auto или установить ширину на 100% и сделать маркер 0px.
Это может иметь некоторые проблемы совместимости с некоторыми старыми браузерами (http://caniuse.com/#feat=calc), но вы можете попробовать:
width: calc(100% - 30px) /*to subtract the 15px on each side*/
В качестве альтернативы, вместо того, что запас можно добавить отступы к родительскому контейнеру (класс .sectionData: nth-child (1) или оберните таблицу в свой собственный div с заполнением). Я считаю, что есть несколько способов добиться того, что вы ищете.
EDIT: Вот скрипка с «известковы» CSS: http://jsfiddle.net/7h8cgsjh/1/
оставаться в контейнере? Как он покинет контейнер? Ширина контейнера основана на ширине его дочерних элементов, если только он не имеет явно установленной ширины. – yts
Можете ли вы предоставить плункер или что-то еще с кодом? – adam
попробуйте удалить маржу или вычислить маржу и ширину, сумма которых составляет 100%. Как ширина = 90%, а margin = 5% заполняет весь контейнер (+/- ширина границы) – Zivko