Table des matières
回复讨论(解决方案)
Maison interface Web tutoriel HTML DIV+CSS布局为什么很少用绝对定位?_html/css_WEB-ITnose

DIV+CSS布局为什么很少用绝对定位?_html/css_WEB-ITnose

Jun 24, 2016 pm 12:12 PM

例如下边的 绝对定位不是很好用吗?干嘛非得用 #id{float:left;}这样的浮动?可能是我觉得浮动不太好控制吧,当然 用绝对定位不是不可以的这我知道。可是为什么大都是用浮动的呢?<html> <title>无标题文档</title> <style type="text/css"> <!-- #apDiv1 {     position:absolute;     left:484px;     top:104px;     width:151px;     height:81px;     z-index:1; } --> </style> </head>  <body> <div id="apDiv1"></div> </body> </html>
Copier après la connexion


回复讨论(解决方案)

谁说很少用绝对定位?
另外如你所示的代码,并非所有的浏览器都兼容。
必须在body,html{position:relative;}即绝对定位的父级加position:relative;
否则照你的需求,得把 position:absolute;改成 position:fixed;

lan拉尼??楼主一看就是新手吧??浮动很好控制??你去问问那些老手 浮动是不是很好控制,潜在的问题 你搞不好找1个星期还没有找出来问题出在什么地方呢

也不是说很少,具体问题具体分析,看哪种更加简单使用,更容易解决兼容性
position:absolute; 最好为它相对位置的标签设置 position:relative

我不认为很少

受教了

用什么来布局不重要,重要的是使用要方便,
还得看你团队的习惯 或者 另外的什么需求。


楼主可以去下几个国外的xhtml + css 模板,很多都是用 position来布局的。

浏览器有差异

用绝对定位 你把屏幕分辨率改了 网页内的东西位置就偏移了

本人一直用绝对定位不用浮动,不过绝对定位会脱离文档流,不利于整页的布局,如果想做到页面根据内容自动伸长的话就不能用绝对定位了

看实际把,用固定偶尔会变样,浮动控制起来比较困难。

把定位研究透了,就应用自如了,static(默认) relative absolute fixed,用途还是很强的,

我基本用浮动,只有弹出层用定位

绝对位置最大的坏处就是当浏览器resize的时候需要重写很多代码。相对来说,绝对位置兼容性更好一些。

浮动的东西都不怎么好用,自己去看看。。

建议你看一看>高级web标准解决方案,里面对position的多种方式都有解释。绝对定位很好控制,但是一旦你改变了其中的布局,它就可能会盖住其他的元素,维护起来比较繁琐。想写一个好的页面,建议流体布局。

浮动布局后期比较好维护

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Quel est le but du & lt; Progress & gt; élément? Quel est le but du & lt; Progress & gt; élément? Mar 21, 2025 pm 12:34 PM

L'article traite du HTML & lt; Progress & GT; élément, son but, son style et ses différences par rapport au & lt; mètre & gt; élément. L'objectif principal est de l'utiliser & lt; Progress & gt; pour l'achèvement des tâches et & lt; mètre & gt; pour stati

Quel est le but du & lt; datalist & gt; élément? Quel est le but du & lt; datalist & gt; élément? Mar 21, 2025 pm 12:33 PM

L'article traite du HTML & lt; Datalist & GT; élément, qui améliore les formulaires en fournissant des suggestions de saisie semi-automatique, en améliorant l'expérience utilisateur et en réduisant les erreurs. COMMANDE COMPRES: 159

Quel est le but du & lt; mètre & gt; élément? Quel est le but du & lt; mètre & gt; élément? Mar 21, 2025 pm 12:35 PM

L'article traite du HTML & lt; mètre & gt; élément, utilisé pour afficher des valeurs scalaires ou fractionnaires dans une plage, et ses applications courantes dans le développement Web. Il différencie & lt; mètre & gt; De & lt; Progress & gt; et ex

HTML est-il facile à apprendre pour les débutants? HTML est-il facile à apprendre pour les débutants? Apr 07, 2025 am 12:11 AM

HTML convient aux débutants car il est simple et facile à apprendre et peut rapidement voir les résultats. 1) La courbe d'apprentissage de HTML est fluide et facile à démarrer. 2) Il suffit de maîtriser les balises de base pour commencer à créer des pages Web. 3) Flexibilité élevée et peut être utilisée en combinaison avec CSS et JavaScript. 4) Les ressources d'apprentissage riches et les outils modernes soutiennent le processus d'apprentissage.

Quelle est la balise Meta de la fenêtre? Pourquoi est-ce important pour une conception réactive? Quelle est la balise Meta de la fenêtre? Pourquoi est-ce important pour une conception réactive? Mar 20, 2025 pm 05:56 PM

L'article traite de la balise Meta de la fenêtre, essentielle pour la conception Web réactive sur les appareils mobiles. Il explique comment une utilisation appropriée garantit une mise à l'échelle optimale du contenu et une interaction utilisateur, tandis que la mauvaise utilisation peut entraîner des problèmes de conception et d'accessibilité.

Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Mar 20, 2025 pm 06:05 PM

L'article traite du & lt; iframe & gt; L'objectif de Tag dans l'intégration du contenu externe dans les pages Web, ses utilisations courantes, ses risques de sécurité et ses alternatives telles que les balises d'objet et les API.

Les rôles de HTML, CSS et JavaScript: responsabilités de base Les rôles de HTML, CSS et JavaScript: responsabilités de base Apr 08, 2025 pm 07:05 PM

HTML définit la structure Web, CSS est responsable du style et de la mise en page, et JavaScript donne une interaction dynamique. Les trois exercent leurs fonctions dans le développement Web et construisent conjointement un site Web coloré.

Quel est un exemple d'une balise de départ dans HTML? Quel est un exemple d'une balise de départ dans HTML? Apr 06, 2025 am 12:04 AM

Anexampleofastartingtaginhtmlis, qui abinginsaparagraph.startingtagsaressentialtinhtmlastheyinitiateelements, définit les éventualités, et la faculté de réduction des pages et de la construction de la création.

See all articles