`
MMSCAU
  • 浏览: 114484 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

css float 文档之外

 
阅读更多

css 中的float在文档之外的理解

<html>
   <head>
     <style type="text/css">
        .main{
          float:right;
          margin:10px 20px 30px 40px;
        }
       
        .secondary{
       
        }
     </style>
   </head>
   <body>
      <div class="wrapper">
         <div class="first">
            test
         </div>
         <div class="main">
            main
         </div>
         <div class="secondary">
            secondary
         </div>
      </div>
   </body>
</html>

 

效果 选中wrapper

main 在之外了

  • 大小: 66.3 KB
分享到：
| gvim for windows
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Css属性文档

    ### CSS属性文档知识点详解 #### 一、字体属性（Font） **1.1 font-family** - **作用**：用于指定元素使用的字体。 - **值**： - 所有的字体，通常指定了一个字体列表，浏览器会根据可用性选择最适合的字体。 -...

    DIVCSS布局：CSS浮动float属性详解.doc

    浮动(float)属性是CSS布局中的一个关键特性，主要用于创建流式布局、多列布局以及解决元素定位问题。在传统表格布局中，我们依赖表格的对齐方式来组织内容，但在Web标准开发中，浮动属性成为了实现灵活布局的核心...

    CSS教程（高清PDF文档）

    - **实践经验**：理论学习之外，实际操作对于掌握CSS至关重要。 通过上述内容的学习，你将能够掌握CSS的基本知识，并能够运用CSS来美化和优化网页布局。随着对CSS的深入了解，你还可以探索更多高级技巧，如响应式...

    css1--关于float的div撑不起父div的问题

    标题中的“css1--关于float的div撑不起父div的问题”指的是在CSS布局中常见的一个技术挑战。在网页设计中，我们经常使用`float`属性来实现元素的浮动，以便进行布局，比如创建多列布局或者使文本环绕图片。然而，...

    CSS文档流与块级元素(block)、内联元素(inline)

    除了默认的文档流布局之外，CSS还提供了几种方式让元素脱离文档流，从而实现更复杂的布局效果。这些方式包括： 1. **浮动**（float）：通过将元素设置为`float:left`或`float:right`，可以使元素脱离文档流，并让...

    css float属性_动力节点Java学院整理

    CSS中的`float`属性是页面布局中的一个关键概念，它主要用于创建浮动层，使得元素能够脱离标准文档流，从而实现灵活的布局效果。在HTML页面的默认文档流中，元素按照从上到下，从左到右的顺序排列，块级元素会占据一...

    CSS快速入门关键字整理文档

    - **外边距**（Margin）：边框之外的空白区域。 #### 流（Flow） 在 CSS 中，元素可以处于不同的布局流中，包括： - **普通流**：元素按照源代码顺序自然排列。 - **浮动流**：使用 `float` 属性使元素向左或向右...

    css2.0中文参考手册

    此外，CSS2.0增加了对浮动（float）的支持，这是创建多列布局的关键。通过浮动元素，可以使其脱离正常文档流，从而实现内容环绕等效果。 颜色和背景也是CSS2.0的一大亮点。除了基本的颜色名称和十六进制表示法，CSS...

    CSS禅意花园源代码

    除此之外，还会涉及到CSS3的新特性，如渐变（gradients）、阴影（shadows）、圆角（border-radius）、透明度（opacity）、过渡（transitions）、动画（animations）以及媒体查询（media queries），这些都是实现现代...

    图文混排CSS img font.rar

    除此之外，CSS3引入了更多增强图文混排的功能，如`flexbox`（弹性盒模型）和`grid`（网格布局）。`flexbox`适用于一维布局（行或列），可以轻松调整元素的顺序、大小和对齐方式。`grid`则提供了二维布局，使我们能更...

    Float（浮动）导致的父容器背景不显示的解决方法

    当一个元素设置了`float:left`或`float:right`时，它会从文档流中抽出，周围的元素会围绕它排列。这种情况下，如果父元素没有设置高度（`height`），或者内容不足以填满整个父元素，那么父元素的高度将不会自动扩展...

    彻底弄明白CSS3

    例如，可以在HTML文档中链接一个专门针对小屏幕设备的CSS文件： ```html (max-device-width: 480px)" href="mobile.css"&gt; ``` 这里，`mobile.css`文件将包含所有针对小屏幕设备的样式规则。 #### 使用Media ...

    css浮动的有关问题

    在CSS布局中，`float`属性是一个非常重要的概念，它允许元素脱离文档流并漂浮到一边，这样其他内容可以环绕在该元素周围。`float`属性主要用于创建多列布局、使图像环绕文本等场景。 #### CSS `float` 属性的使用...

    CSS2.0(CHM版)

    CSS，全称Cascading Style Sheets，中文译为层叠样式表，是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的Web标准。CSS2.0是这个标准的第二个主要版本，发布于1998年，它极大地扩展了CSS1.0的功能...

    CSS中文完全参考手册

    1. CSS语法：CSS通过选择器选中HTML或XML文档中的元素，并应用样式规则。基本语法包括选择器+花括号内的属性声明，如 `.class {color: red;}`。 2. 选择器：CSS提供多种选择器，包括标签选择器（如`p`）、类选择器...

    css_布局网站_CSS

    在网页设计领域，CSS（Cascading Style Sheets）起着至关重要的作用，它负责定义HTML或XML（包括SVG、MathML等各种XML方言）文档的呈现。CSS描述了如何在媒体（如屏幕、打印机）上展示元素。本篇将深入探讨CSS在布局...

    CSS标准网页布局开发指南（光盘）源码

    浮动（float）和清除（clear）是早期布局常用的技术，但随着CSS3的引入，它们逐渐被更现代的布局方法取代。浮动可以让元素脱离正常文档流，并允许其他元素环绕它，而清除则用于处理因浮动元素产生的布局问题。 CSS3...

    CSS基础与提高的笔记

    - **封装性**: 使用CSS可以将样式独立于HTML结构之外，便于维护和修改。 #### 4. CSS盒子模型 - **概念**: 每个HTML元素都可以看作一个矩形盒子，包括内容区(content)、内边距(padding)、边框(border)和外边距...

    跨浏览器兼容CSS篇

    - **Margin**: 外边距，位于边框之外。 - **关键点**： - **自动高度**：当未显式设置高度时，块级元素的高度将依据内容自动调整。 - **百分比宽度**：如果块级元素设置为100%宽度，则不能再添加外边距、内边距...

    css专区 都是css 的东东

    CSS，即层叠样式表（Cascading Style Sheets），是一种用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。在网页设计中，CSS是不可或缺的一部分，它允许我们将表现（样式）与内容（HTML...

Magicbox
Global site tag (gtag.js) - Google Analytics