Я знаю, что это не ответ на начальный вопрос..., но Вы часто хотите отсечь внутреннее содержание той границы скругленного угла, которую Вы просто создали.
Chris Cavanagh придумал отличный способ , чтобы сделать просто это.
я попробовал пару разных подходов к этому..., и я думаю эти скалы.
Вот xaml ниже:
«Дайте человеку рыбу, и вы накормите его на день, научите его ловить рыбу, и вы кормите его на всю жизнь»
Хорошо, мы идем. Если начать с установки Firefox , чтобы я мог использовать расширение Firebug .
Таким образом, вы, по-видимому, не можете контролировать разметку, которая состоит только из div
]. Пока все в порядке.
Я изменил фрагмент вашего CSS, удалив #ConferencesContainer
, поскольку Firebug явно показывает вам, что нет div
с идентификатором ConferencesContainer
] в вашей разметке в любом случае ... Это объясняет, почему #ConferencesContainer .ConferencesTitleContainer {
и им подобные ничего не выбирают.
Затем я удалил абсолютное позиционирование, потому что, насколько я помню, это то, что не делает ' Я не играю с IE. Кстати, наличие float: left
бесполезно, если вы затем используете position: absolute
Чтобы учесть тот факт, что иногда нет ссылки для скачивания pdf (следовательно, нет div
] в разметке), я сделал так, чтобы элементы повестки дня и ссылки в формате PDF перемещались влево. И я сделал блоки биографий и веб-трансляций плавающими
вправо и изменил поля, чтобы переключить блоки обратно в их предполагаемое положение. Обман поля был необходим, поскольку div веб-трансляции идет первым в разметке (по отношению к div биографии).
Конечно, если вы примените таблицу стилей, я даю вам немного другую разметку с «дырами», которая означает отсутствующие блоки div из-за отсутствия соответствующей ссылки для вывода, тогда это может не работать.
В любом случае,
Думаю, придется немного поиграться. Кроме того, вам определенно понадобится несколько изображений и много терпения в отношении кода xhtml и особенно отличных идентификаторов и имен классов.
Вот кое-что, что может помочь вам начать:
.ConferencesTitleContainer, .ConferencesPdfContainer, .ConferencesExtLinkContainer, .ConferencesHtmlContainer, .ConferencesTitleHeaderContainer, .ConferencesPDFHeaderContainer, .ConferencesExternalLinkHeaderContainer, .ConferencesHtmlHeaderContainer {
float:left;
width:24%;
border-bottom:1px solid;
}
#ConferencesasiaTitleContainer, #ConferencesaustraliaTitleContainer {
width:96%;
font-weight:bold;
}