如何解决应用Float属性,浮动空间不够的时候,换行的问题

zengjd zengjd 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
如何解决应用Float属性,浮动空间不够的时候,换行的问题
Html如下:


HTML code
#CommonContent
{
margin: 0 0 0 168px;
padding: 0px 0px 10px 0px;
width: 80%;
min-height: 600px;
}

* html #CommonContent
{
margin: 0 0 0 168px;
padding: 0px 0px 10px 0px;
width: 80%;
min-height: 600px;
}

#CommonSidebarLeft
{
float: left;
}


<div id="CommonBody">
<div id="CommonSidebarLeft">
<uc1:ControlPanelNavbar id="ControlPanelNavbar1" runat="server"></uc1:ControlPanelNavbar>
</div>
<div id="CommonContent">
<div id="CommonContentInner">
<iframe id="contentFrame" name="contentFrame" width="100%" height="600" scrolling="no" frameborder="0" src="WebForm8.aspx"></iframe>
</div>
</div>
</div>








当浏览器窗口缩小的时候, <div id="CommonContent"> 这一行就会浮动到 <div id="CommonSidebarLeft"> 下面
如何解决?
...全文

相关推荐

css中float:right右对齐元素会换行不在同一条线上

使用float设置右对齐显示的时候,我们通常会遇到,右对齐的元素会换行,这样就会出现左右元素不在同一条线上,下面为大家介绍下两种解决方法,有类似情况的朋友可以参考下

weixin_38725950

两个div在同一行且不换行的两种方法

主要介绍了两个div在同一行,两个div不换行的两种实现方法,有不知道的朋友可以参考下

weixin_38624914

css float left布局换行不正常问题的解决

主要介绍了css float left布局换行不正常问题的解决的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

weixin_38724663

css浮动 float属性详解

一、什么是浮动? 浮动,顾名思义,就是漂浮的意思。指的是一个元素脱离文档流,悬浮在父元素之上的现象。 二、如何产生浮动? 给元素本身添加float属性 float值: left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动,并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值。 三、浮动有什么作用? 作用:在html文档流中,分为行元素、块元素和行内块元素, 行元素和行内块元素都是以横向排列的,而块元素则是以流的形式从上往下排列的,当我们想使块元素横向排列时,就用到了我们

weixin_38711149

CSS中右对齐float:right换行的解决办法

一做站的朋友问我为什么同时使用FLOAT:LEFT 和RIGHT的时候不在同一水平线上,二是在另一行,举个例子,大家一看就明白了

weixin_38616809
评论 5
收藏 已收藏
分享
返回顶部
zengjd
CSS 61,116 成员 60,701 内容