CSS Пущенная в ход проблема высоты Отделения, никакое простое решение?

У меня есть проблема с CSS, который я не могу решить.

Я сделал немного схемы.

Скажем, то, что высота розово-зеленого поля определяется там содержанием. Розовое поле могло иногда быть меньшим.

То, что я пытаюсь сделать, имеют меньшее поле, фиксируют, это - высота к внешнему, содержащему отделение, так, чтобы это имело бы ту же высоту как розовое поле (или наоборот).

У кого-либо есть какие-либо решения?

Минимальная высота на розовых и зеленых полях не будет работать, потому что они могут превысить ту высоту (также поддержка № IE6).

100% высотой на розовых и зеленых полях не будет работать, потому что у внешнего отделения нет фиксированной высоты.

Таблица работала бы, но продвинулась бы, таблица?

Я мог фальсифицировать фоны и left-right-borders на розовых и зеленых полях путем помещения их в образование внешнего отделения. Но это кажется грязным.

В данный момент у меня есть js решение, но должен быть более простой.

Удачи.

5
задан mskfisher 10 May 2012 в 14:13
поделиться

5 ответов

Используйте для этого технику ложных столбцов . Обычно вам нужно использовать повторяющееся фоновое изображение для родительского элемента, содержащего оба поля.

3
ответ дан 14 December 2019 в 01:07
поделиться

Помимо Javascript / Jquery или таблиц, единственное, о чем я могу думать, это решение на основе display: table-cell (объяснение здесь ) - но это не сработает в IE тоже, и нет большой разницы в использовании таблицы сразу, не так ли?

Я бы сказал, что это один из редких случаев, когда из-за отстойных спецификаций и / или реализаций CSS нет путь вокруг стола.

Изменить: Как указывали другие респонденты, существуют обходные пути CSS («Фальшивые столбцы»), которые будут работать в большинстве случаев. Использование «таблиц CSS» (с использованием свойств display: table ) я пока не считаю подходящими решениями, поскольку они не поддерживаются IE6, браузером, который все еще занимает значительную долю рынка.

4
ответ дан 14 December 2019 в 01:07
поделиться

what about this:

.green {
  display:block;
  float: left;
  background: green;
  width: 200px;
  height: 200px;
  position: relative;
}

.outer {
  position: relative;
  background: yellow;
  overflow: auto;
}

.pink {
  left: 250px;
  background: red;
  height: 100%;
  width: 100px;
  position: absolute;
}

Should be working.. maybe I changed the colors, the pink box is the with-growing one! ;)

edit ah ok, I missed the floating on the second box. If this is a must-have then, as mentioned above, faux columns is a good technique I think.

0
ответ дан 14 December 2019 в 01:07
поделиться

https://svn.castleproject.org/svn/castle/Facilities/Wcf/trunk из http://www.castleproject.org/subversion.html необходимо загрузить источник и создать его самостоятельно.

-121--1918061-

Хорошо, поэтому я провел несколько экспериментов. Я напишу результаты здесь, но сначала я хочу сказать, что на основании того, что я видел и знаю, я уверен, что использование временных параметров в 2005 и 2008 в точности эквивалентно использованию 2008's OPTIMIZE FOR UNKNOWN . По крайней мере, в контексте хранимых процедур.

Так вот что я нашел. В описанной выше процедуре я использую базу данных AdventureWorks. (Но я использую аналогичные методы и получаю аналогичные результаты для любой другой базы данных) Я выполнил:

dbcc show_statistics ('Sales.SalesOrderDetail', IX_SalesOrderDetail_ProductID) 

И я вижу статистику с 200 шагами в ее гистограмме. Глядя на его гистограмму, я вижу, что есть 66 отдельных строк диапазона (то есть 66 различных значений, которые не были включены в статистику как значения равенства). Добавьте 200 строк равенства (из каждого шага), и я получу оценку 266 различных значений для ProductId в Sales.SalesOrderDetail.

С 121317 строками в таблице, я могу оценить, что каждый ProductId имеет 456 строк в среднем. И когда я смотрю на план запроса для моей тестовой процедуры (в формате xml), я вижу что-то вроде:

...
<QueryPlan DegreeOfParallelism="1"  >
  <RelOp NodeId="0" 
         PhysicalOp="Index Seek" 
         LogicalOp="Index Seek" 
         EstimateRows="456.079" 
         TableCardinality="121317"  />
    ...
  <ParameterList>
    <ColumnReference 
      Column="@newproductid" 
      ParameterRuntimeValue="(999)" />
  </ParameterList>
</QueryPlan>
...       

Так что я знаю, откуда приходит значение CharchedRows (с точностью до трех десятичных знаков) и обратите внимание, что атрибут ParameterCompiledValue отсутствует в плане запроса. Именно так выглядит план при использовании команды 2008's OPTIMIZE FOR UNKNOWN

-121--3003473-

Как насчет компромисса?

Если неправильные столбцы не могут вам помочь, вы не хотите использовать таблицы и у вас уже есть javascript-решение, я бы просто использовал css (дисплей: table, дисплей: table-cell) и поместил javascript в условные комментарии для IE6 и IE7.

Затем вы можете легко извлечь javascript, когда время подходит, и тем временем, современные браузеры не придется выполнять его.

0
ответ дан 14 December 2019 в 01:07
поделиться

Не уверен, но это открытое утверждение внутри while не могло повлиять на его поведение? Вы пытались просто вывести его из цикла?

-121--1993643-

Я предпринял попытку с иллюстративным картинный и рабочим кодом на Java,

http://tech.bragboy.com/2010/02/least-common-ancestor-without-using.html

-121--633758-

Это то же самое, что и проблема с столбцами высоты, см. эту запись блога для решения.

2
ответ дан 14 December 2019 в 01:07
поделиться