blocks|key|1836061|text|如果你不关心浏览器的外观，如果浏览器比你设计的浏览器大或小，那么绝对定位它是很棒的。:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1836062|但是，在大多数情况下，如果你设计的浏览器可能是在17“-+30”的显示器上，所以它可能是全屏的，那么float是有帮助的。|1836063|现在，如果您正在更改位置以动态缩放到窗口的大小，并且可以处理调整大小，那么绝对可以很好地工作。|1836064|如果你想摆脱浮动，我认为绝对定位的工作量会超过它的价值。|1836065|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

If you don't care how it looks if the browser is larger or smaller than you designed for then absolute positioning it great. :)

But, in most cases, if you are designing for a browser that may be on a 17" - 30" monitors, so it may be fullscreen, then float is helpful.

Now, if you are changing the positions to scale to the size of the window dynamically, and can handle a resize, then absolute will work well.

I think absolute positioning would be more work than it is worth, if you want to get rid of float.

blocks|key|480959|text|当我把页面放在一起时，我会考虑我要放在一起的元素以及它们形成的物理结构的种类。如果元素排列在一起，就像一排书一样，我将使用浮动将它们彼此“压”在一起。如果我有更多的稀疏元素，比如一张纸上的便利贴，我将使用绝对定位，因为一个元素的位置与另一个元素的位置不是紧密相关的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|480960|我还会查看我对元素的了解和不了解，如果我有大小变化的东西，比如元素中包含不同数量的内容，我会使用浮点数来定位它们。这样，元素仍然以某种有序的方式“堆叠”在一起。定位任意大小的元素可能很棘手，因为您可能会超出容器的边界，破坏布局，或者在不想要的地方显示/隐藏一些内容。|480961|当然，您也可以将这两种技术组合在一起-这完全取决于您需要将其组合在一起。|480962|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

When I put together a page, I consider the elements I am putting together and the kind of physical structure they form. If elements are lined up together, like a row of books, I will use floats to "press" them up against one another. If I have more sparse elements, like post-it notes on a sheet of paper, I will use absolute positioning because the position of one element is not closely tied to the position of another.

I also look at what I know about the elements and what I don't. If I have things that change in size, like elements with varying amounts of content in them, I will use floats to position them. This way the elements still "stack" up together in some orderly fashion. Positioning an element of arbitrary size can be tricky, since you can end up exceeding a container's boundaries and breaking a layout or displaying/hiding some content in a place you don't want it.

Of course, you can combine the two techniques together, too - it's all about what you need to put together.

blocks|key|428988|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|428989|我们可以在不使用浮动的情况下，使用css定位来制作跨浏览器的CSS布局吗？|blockquote|428990|428991|428992|当然，如果你喜欢的话。浮动和定位只是另外两个CSS属性，它们并不是相互排斥的。对于复杂的布局，您可能经常将两者混合在一起。|428993|在dreamweaver中，我们有一个层功能，可以让|428994|快速布局，但它使用的是绝对位置。这种技术是不是很糟糕？|428995|428996|428997|是。除了像图像这样的自然固定大小的东西，使用精确的页面像素绝对定位是一种糟糕的移动，自动化工具倾向于产生这种移动，因为它很容易使用WYSIWYG界面来实现，但是对于文本来说，这是一种非常糟糕的降级。|428998|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|-4|4|5|6|R|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|S|7|@]|8|@]|9|$]]|$1|D|3|-4|4|5|6|T|7|@]|8|@]|9|$]]|$1|E|3|-4|4|5|6|U|7|@]|8|@]|9|$]]|$1|F|3|G|4|5|6|V|7|@]|8|@]|9|$]]|$1|H|3|I|4|5|6|W|7|@]|8|@]|9|$]]|$1|J|3|K|4|C|6|X|7|@]|8|@]|9|$]]|$1|L|3|-4|4|5|6|Y|7|@]|8|@]|9|$]]|$1|M|3|-4|4|5|6|Z|7|@]|8|@]|9|$]]|$1|N|3|O|4|5|6|10|7|@]|8|@]|9|$]]|$1|P|3|-4|4|5|6|11|7|@]|8|@]|9|$]]]|Q|$]]

<blockquote>
 Can we make cross browser css layouts with CSS positioning, without using float?
</blockquote>

Certainly, if you like. Floats and positioning are just two more CSS properties, they are not mutually exclusive. For complex layouts you may often be mixing both.

<blockquote>
 IN dreamweaver we have a layer functionaliy to make css layout quickly but it's uses absolution position. is this technique bad?
</blockquote>

Yes. Except for things that are naturally fixed-size like images, using exact page-pixel absolute positioning is a bad move, one that automated tools tend to produce because it's easy to do with a WYSIWYG interface but one which degrades badly for text.

Can we make cross browser css layouts with CSS positioning, without using float? What are the bad and good points of usin css positioning over Float+margin+padding? I want to make layout compatible with all A-Grade Browser and with IE6 Also? IN dreamweaver we have a layer functionaliy to make css layout quickly but it's uses absolution position. is this technique bad?

What are the bad and good points of usin css positioning over Float+margin+padding?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我们可以在不使用浮动的情况下，使用css定位来制作跨浏览器的CSS布局吗？在Float+margin+padding上使用css定位的优缺点是什么？我想让布局与所有A级浏览器兼容，也与IE6兼容？在dreamweaver中，我们有一个层功能，可以快速地制作css布局，但它使用的是绝对位置。这种技术是不是很糟糕？

问在Float+margin+padding上使用css定位的优缺点是什么？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Float+margin+padding上使用css定位的优缺点是什么？EN