CSS的float浮动问题

发布网友 发布时间：2022-04-22 02:34

我来回答

共6个回答

热心网友 时间：2022-04-22 04:04

你的表达和你这个代码什么意思？不想用<br/>隔开浮动就用margin和float来实现，文字垂直居中是你代码的问题，你设置了文字间距line-height：300px；文字肯定垂直居中了，float就是浮动的意思，float:left;左浮动float:right;右浮动，你要真想好好研究直接联系我吧，虽然不是多么NB的人，帮助你还是很愿意的追问谢谢你，不过你离题了，简单讲就是希望不用第22行，PageBody{}后面那个
然后文字PageBody{} 也能排版和原来一样

热心网友 时间：2022-04-22 05:22

当一个元素浮动时，如果他有兄弟元素，兄弟元素也要浮动，但是此时它们的父标签又因为失去内部子标签而失去正常可见高度，这就需要给这个父标签进行清楚浮动，一搬加clearfix:after{height:0;font-size:0;clear:both;content:"";visibility:hidden;}clearfix{zoom:1;}就能做到。因为块元素是默认竖排的，浮动后可以改变这种样式是块元素成横向排列，对于内联元素，只有加浮动或者display:block后才能设置宽高，margin左右值，float和display是有区别的，实践查看。还有float:left和text-align:left的不同。追问谢谢你，不过你也离题了，
问题是这个
第22行，PageBody{}后面那个
然后文字PageBody{} 也能排版和原来一样

简单方法套个标签
或者。。再外面就能解决
但是不要套标签可以吗？

问题原理就是：
是浮动的优先级大于无标签文字

热心网友 时间：2022-04-22 06:56

没看你的源代码，我猜应该是你的设置了float的元素影响了它的同辈元素，你在它的任意一个同辈元素上加一个样式clear:both;试试追问不行的 不是清除浮动 是浮动的优先级大于无标签文字 有没有其他方法

热心网友 时间：2022-04-22 08:48

<div>PageBody{}</div>

文字用一个div包起来，或者p元素也行（<p>PageBody{}</p>）追问能不加标签吗？

追答在文字后面加

热心网友 时间：2022-04-22 10:56

什么<BR/>我怎么没看到，你想实现什么效果呢？

热心网友 时间：2022-04-22 13:20

最简单的用<p></p>标签来嵌套