如何解决应用Float属性,浮动空间不够的时候,换行的问题
如何解决应用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"> 下面
如何解决?
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设置右对齐显示的时候,我们通常会遇到,右对齐的元素会换行,这样就会出现左右元素不在同一条线上,下面为大家介绍下两种解决方法,有类似情况的朋友可以参考下
两个div在同一行且不换行的两种方法
主要介绍了两个div在同一行,两个div不换行的两种实现方法,有不知道的朋友可以参考下
css float left布局换行不正常问题的解决
主要介绍了css float left布局换行不正常问题的解决的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
css浮动 float属性详解
一、什么是浮动? 浮动,顾名思义,就是漂浮的意思。指的是一个元素脱离文档流,悬浮在父元素之上的现象。 二、如何产生浮动? 给元素本身添加float属性 float值: left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动,并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值。 三、浮动有什么作用? 作用:在html文档流中,分为行元素、块元素和行内块元素, 行元素和行内块元素都是以横向排列的,而块元素则是以流的形式从上往下排列的,当我们想使块元素横向排列时,就用到了我们
CSS中右对齐float:right换行的解决办法
一做站的朋友问我为什么同时使用FLOAT:LEFT 和RIGHT的时候不在同一水平线上,二是在另一行,举个例子,大家一看就明白了


