Запитання з тегом «css-float»

Позиціонування елементів ліворуч або праворуч від їх контейнерів за допомогою атрибута float CSS.

18
Як вирівняти 3 диви (ліворуч / центр / праворуч) всередині іншого діва?
Я хочу, щоб 3 діви були вирівняні всередині контейнера, подібно до цього: [[LEFT] [CENTER] [RIGHT]] Див контейнера шириною 100% (без встановленої ширини), а центральний поділ повинен залишатися в центрі після зміни розміру контейнера. Тому я встановив: #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} Але це стає: [[LEFT] [CENTER] ] [RIGHT] Якісь поради?
12
Як центрувати плаваючі елементи?
Я реалізую пагинацію, і її потрібно зосередити. Проблема полягає в тому, що посилання потрібно відображати як блок, тому їх потрібно плавати. Але потім, text-align: center;не працює на них. Я міг би досягти цього, надавши на обгортці розділення зліва зліва, але на кожній сторінці буде різна кількість сторінок, так що це …
354 css-float  center  css 
6
поплавок: зліва; vs дисплей: вбудований; vs дисплей: вбудований блок; vs дисплей: таблиця-комірка;
Мої питання Чи бажаний будь-який із цих методів професійним веб-дизайнером? Чи будь-який із цих методів надає перевагу веб-браузеру під час малювання веб-сайту? Це все лише особисті переваги? Чи є інші методики, яких мені не вистачає? Примітка. Вищенаведені питання стосуються розробки багатоколонного макета поплавок: зліва; http://jsfiddle.net/CDe6a/ Це метод, який я завжди …
281 html  css  css-float 
10
Плаваючі елементи всередині div, плавають поза div. Чому?
Скажіть, у вас є div, дайте йому певне значення widthі вкладіть у нього елементи, в моєму випадку imgі інше div. Ідея полягає в тому, що вміст контейнера divзмусить контейнер divрозтягуватися і буде фоном для вмісту. Але коли я це роблю, що містять divусадку, щоб вмістити об'єкти, що не плавають, і …
274 css  html  css-float 
15
Як плавати 3 діви поруч за допомогою CSS?
Я знаю, як змусити 2 диви плавати пліч-о-пліч, просто пливуть один вліво, а другий вправо. Але як це зробити за допомогою 3 дівок чи мені просто використовувати для цього таблиці?
270 css  css-float 
10
Як зберегти CSS з плаваючою лінією в один рядок?
Я хочу мати два елементи в одному рядку, використовуючи float: leftдля елемента зліва. У мене немає проблем досягти цього наодинці. Проблема полягає в тому, що я хочу, щоб два елементи залишались на одному рядку, навіть коли розмір браузера дуже маленький . Ви знаєте ... наче як було зі столами. Мета …
7
Чому висота елемента контейнера не збільшується, якщо він містить плаваючі елементи?
Я хотів би запитати, як працюють висота і поплавок. У мене є зовнішній div та внутрішній div, який містить у ньому вміст. Його висота може змінюватись залежно від вмісту внутрішнього діва, але здається, що мій внутрішній дів переповнить його зовнішній дів. Який би був правильний спосіб це зробити? <html> <body> …
210 html  css  css-float 
8
Як створити перегляд сітки / плитки?
Наприклад, у мене є якийсь клас .article, і я хочу розглядати цей клас як сітковий вигляд. Тому я застосував цей стиль: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Цей стиль зробить .частину виглядати плиткою / сіткою. Це добре працює з фіксованою висотою. Але якщо я хочу встановити висоту на автоматичну …
5
Переваги використання display: inline-block vs float: зліва в CSS
Зазвичай, коли ми хочемо мати кілька DIVsпідряд, ми б використовували float: left, але тепер я виявив хитрістьdisplay:inline-block Приклад посилання тут . Мені здається, display:inline-blockце кращий спосіб align DIVsпоспіль, але чи є недоліки? Чому цей підхід менш популярний, ніж floatфокус?
127 css  css-float  html 
5
Поплавок праворуч і абсолютна позиція не працюють разом
Я хочу, щоб div завжди знаходився праворуч від свого батьківського діва, тому я використовую float:right. Це працює. Але я також хочу, щоб він не впливав на інший вміст при вставці, тому я використовую position:absolute. Тепер float:rightне працює, мій дів завжди знаходиться зліва від його батьківського діла. Як я можу перемістити …
126 css  css-float  position 
4
Як змусити диву зростати у висоту, маючи всередині плавання
Як я можу змусити діву зрости свою висоту, коли він всередині нього пливе? Я знаю, що визначення значення ширини та встановлення переповнення прихованих робіт. Проблема полягає в тому, що мені потрібен div з видимим переповненням. Будь-які ідеї?
121 css  html  overflow  css-float 
8
Укладання DIV один на одного?
Чи можливо складати кілька DIV-файлів, таких як: <div> <div></div> <div></div> <div></div> <div></div> </div> Так що всі ці внутрішні DIV мають однакове положення X і Y? За замовчуванням всі вони йдуть нижче один одного, збільшуючи положення Y на висоту останнього попереднього DIV. У мене є відчуття, що якийсь поплавок або дисплей …
116 css  html  stack  css-float 
11
Як зробити div без вмісту, має ширину?
Я намагаюся додати ширину до а div, але, здається, у мене виникають проблеми, оскільки у неї немає вмісту. Ось CSS та HTML, які у мене є, але вони не працюють: CSS body{ margin:0 auto; width:1000px } ul{ width:800px; } ul li{ clear:both; } .test1{ width:200px; float:left; } HTML <body> <div …
110 html  css  width  css-float 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.