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

Я намагаюся знайти діва, який position:fixedвирівняв центр на моїй сторінці. Мені завжди вдавалося це робити з абсолютно розташованими дивами, використовуючи цей "хак" left: 50%; width: 400px; margin-left:-200px ... де значення для поля вліво становить половину ширини діва. Схоже, це не працює для дівок з фіксованою позицією, натомість вони просто розміщують …

126 html  center  alignment  css-position 

положення: липкий працює на деяких мобільних браузерах зараз, тому ви можете зробити прокрутку панелі меню зі сторінкою, але потім дотримуватися верхньої частини вікна перегляду, коли користувач прокручує повз неї. Але що робити, якщо ви хочете трохи змінити свою липку панель меню, коли вона на даний момент "стирчить"? наприклад, ви можете …

110 css  css-selectors  css-position 

Я трохи затримався на цьому і думав поділитися цим position: sticky+ flexbox gotcha: Мій липкий div працював нормально, поки я не переключив свій погляд на контейнер flex box, і раптом div не став липким, коли його загорнули у батьківський файл flexbox. .flexbox-wrapper { display: flex; height: 600px; } .regular { …

106 css  flexbox  css-position  sticky 

У мене є елемент із таким CSS: .elem { left: 0; position: fixed; right: 0; width: 60%; z-index: 1000; } Елемент не охоплює весь екран. Мені б хотілося, щоб він "вирівнювався" в правій частині екрана. Це було б просто, якби я щойно видалив ліворуч: 0 , але я не можу …

104 css  css-position 

Чи може хто-небудь сказати мені різницю між style = "position:absolute"і style = "position:relative" як вони відрізняються у випадку, якщо я додаю її до div/ span/ inputелементів? Я зараз використовую absolute, але хочу також дослідити relative. Як це змінить позиціонування?

103 css  css-position 

У мене є divрозташований fixedна лівій стороні веб - сторінку, яка містить меню і навігаційні посилання. Він не має висоти, встановленої з css, вміст визначає висоту, ширина фіксована. Проблема полягає в тому, що якщо вмісту забагато, divвін буде більшим за висоту вікна, і частина вмісту не буде видно. (Прокрутка вікна …

94 html  css  css-position 

Я намагаюся вставити div у будь-яку частину тіла та зробити його position: absoluteвідносно всього документа, а не батьківського елемента, який має position: relative.

93 html  css  css-position 

Чи можна зробити так, щоб навігація на бічній панелі завжди залишалася фіксованою на прокрутці в макеті рідини?

92 css  twitter-bootstrap  css-position  fluid-layout 

Я не впевнений, що повністю розумію різницю між цими двома. Хтось може пояснити, чому я вживаю одне над іншим і чим вони відрізняються?

91 css  css-position 

У мене 3 divелементи. 1-й divбільший (обгортання) і маєposition:relative; 2-й divпозиціонується абсолютним до 1-го divвідносного позиціонування (і входить до 1-го div) 3-й divміститься у 2-му, divа також має абсолютне позиціонування. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> Чому 3-я divпозиція абсолютна до 2-ї div(що також є абсолютною позицією до …

89 html  css  css-position 

У чому різниця між статичним (за замовчуванням) і відносним позиціонуванням у CSS?

89 css  static  positioning  css-position 

У мене проблема з заміною деяких плагінів CSS. Редагувати цей CSS безпосередньо не є можливою опцією, оскільки це зробить оновлення плагіна більш ризикованим. Проблема: елемент має абсолютне позиціонування, а в оригіналі має top: 0px. Я хочу замінити його знизу: 0px. Для прикладу .element {position:absolute; top:0;} /* in another file */ …

83 css  webkit  css-position 

У мене є такий фрагмент (потрібно переглянути в повноекранному режимі), що я намагаюся розмістити <main>елемент безпосередньо під <header>елементом. Я перебуваю <header>у фіксованому положенні, тому що я хочу, щоб він залишався у верхній частині екрана, коли користувач прокручує вміст <main>елемента. Я спробував усе, що знаю, але найкраще, що я можу придумати, …

15 html  css  css-position  fixed