<div style="float:left;">
<div style="float:left;height:100px;width:1px;">//这里的width是有必要的。
</div>
<div style="float:left;height:250px;width:250px;
clear:left;background:#F00;margin:25px 5px 5px 0;">
</div>
<p>新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容</p>
</div>
分享到:
相关推荐
按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种...
css中对于定宽的非浮动元素用margin:0 auto进行水平居中,对于不定宽的浮动元素也有一个常用技巧,这篇文章就给大家介绍下css如何让浮动元素水平居中,需要的朋友可以来学习下
在ie8、chrome浏览器中,包裹浮动的li元素的外层ul高度为0,ie7浏览器和ie8兼容模式显示正常,下面与大家分享下多种解决方法大家可以根据情况自由选择,希望对大家有所帮助
CSS元素的浮动与定位综合案例3.pdf 学习资料 复习资料 教学资源
主要介绍了CSS 同级元素浮动分析小结的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
浮动和清理 实例 1.float 属性的简单应用 使图像浮动于一个段落的右侧。 2.将带有边框和边界的图像浮动于段落的右侧 使图像浮动于段落的右侧。向图像添加边框和边界。...本例演示如何使用清除元素侧面的浮动元素。
有两点收获最大,一是彻底弄懂了CSS的盒子模式(Box Model),再一个就是搞定了困扰我很久的“闭合浮动元素”的问题: 一般说来如果某个子元素使用了浮动(float),那父元素总是不能确切地知道子元素是在什么位置结束...
①CSS 行内元素 ②CSS 区块元素 ③CSS 内联块元素
提示:本文不是教程,而是对闭合浮动元素的方法在某个特定情况下的现象的讨论,涉及float、clear、overflow、:after等知识,新手勿入。 float属性在页面排版上非常有用,但是也带来很多问题。最常见的就是浮动元素...
5.8.2 相邻的浮动元素和固定元素 5.8.3 相邻的两个浮动元素 5.8.4 相邻的多个浮动元素 5.9 关于ul 和li 的样式详解 5.9.1 使用list-style-type 属 5.9.2 使用list-style-position 属性 5.9.3 使用list-style-image ...
对定位属性值进行详解,和...在本文中,任何一个元素都被文本流所限制了自身的位置,但是通过CSS我们依然使得这些元素可以改变自己的位置,我们可以通过float来让元素浮动,我们也可以通过margin来让元素产生位置移动。
场景:在一个固定高度的div中,有一个浮动的元素,需要将这个浮动元素垂直居中。 原始代码如下: 复制代码代码如下:<!DOCTYPE html><html> <head> <title></title> <style type=”text...
设置容器的浮动方式为绝对定位然后确定容器的宽高 比如宽500 高 300 的层然后设置层的外边距 CSS Code复制内容到剪贴板 div{ width:500px; height:300px; margin:-150px 0 0 -250px; position:absolute;...
我认为目前还没有最好的清除浮动元素或组合,而是根据情况分析而选择,最好的清除浮动元素或组合。 为了兼容不同浏览器,可能要使用不同的清除浮动元素组合使用,如:{overflow:hidden; zoom:1;}、{display:table; ...
利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效 需要掌握的八个CSS布局技巧 用css实现链接经过时显示浮动图片背景的效果...Firefox和IE6兼容的垂直居中 CSS CSS浮动原理 CSS网站元素设计...