2012-07-01 3 views
0

Надеюсь, я объясню это хорошо. У меня есть div, который имеет стиль = "float: right;" и в этом div у меня есть таблица с некоторыми полями редактора. Но теперь я хотел бы иметь два текстовых редактора (в .NET MVC3 @ Html.TextAreaFor), которые будут сидеть под этими полями редактирования. Но случается так, что окна текстового редактора появляются где-то посередине страницы, а не под полями с плавающим полем. Как создать текстовые редакторы под полями с плавающей запятой?CSS под float right

Спасибо

+0

возможно, было бы лучше, чтобы поместить поле редактора и окно в я к югу DIV каждый – bresleveloper

ответ

0

Я решил это, поместив правый выровненный div в правую ячейку из двух ячеек, одну таблицу строк, которую я дал 100% ширины. Это заставляет следующее представление с полями текстового редактора подходить под эту таблицу, потому что это 100% в ширину. Он не очень изящный, но теперь он делает трюк.

Спасибо

+1

Ознакомьтесь с трюком clearfix здесь http://nicolasgallagher.com/micro-clearfix-hack/ –

+0

Интересная статья. Спасибо. Никогда не слышал об этом. – elector

0

Попробуйте применить overflow:hidden к родителю div с плавающей точкой справа, если предположить, что блоки, которые должны быть под ним не в одной и той же материнской компании. Но это наверняка поможет увидеть вашу разметку.

+0

Спасибо за ваш ответ. Я пробовал это, но, похоже, не помог. Я бы опубликовал разметку, но я использую много частичных представлений MVC, и вся страница построена на 5 из них. И каждый вид ниже, и проблема начинает появляться с последней, которая должна подстраиваться под правый плавающий. Есть ли какой-то трюк, чтобы вставить некоторые невидимые элементы, которые заставили бы последний вид поместиться под правой плавающей? – elector

+0

Насколько я могу судить, div, который держит поплавок, рушится, и вам нужно заставить его вставить float. Су, вы должны использовать общий трюк clearfix. –