Home > Article > Web Front-end > 设置margin-top无效_html/css_WEB-ITnose
设置margin-top无效_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:41:031407browse
头部
左右结构实现方法：left设置float为left浮动，
right设置float为right浮动，可实现左右结构
缺陷：当left高于right时显示会出现问题,footer清除浮动clear:both可解决此问题
左右结构实现方法：left设置float为left浮动，
right设置float为right浮动，可实现左右结构
缺陷：当left高于right时显示会出现问题,footer清除浮动clear:both可解决此问题
底部
展现效果
我想让底部不要和左边连在一起，但是设置margin-top无效，该怎么设置才行？
回复讨论(解决方案)
padding-top
padding-top
设置padding-top还是不对，效果图：
margin: 外边距
padding: 内边距
你设置底部元素的margin-top或padding-top 或者设置左边元素的padding-buttom都该可以达到目的
margin-top:550px
你可以设置一下
margin-top:1000px
体会一下 清除浮动的原理 呵呵
最笨的方法：footer外面再套一个div，给这个div加padding-top！
CSS code?1margin-top:550px
你可以设置一下
CSS code?1margin-top:1000px
体会一下 清除浮动的原理 呵呵
的确是，设置成margin-top为550以上就对了，可以说下为什么吗？和clear:both有关？我不是很明白，菜鸟，请多指教
#container .left给这个里面加个margin-bottom: 20px;就可以不挨在一起了。
清除浮动 其实 是 元素 给浮动的元素 留出足够多的 垂直外边距 ，给他们腾出地方而已 。你的例子中，如果margin-top小于550 他就没留出足够多的空间嘛
清一下浮动！！！！
首先div不宜套过多的div
<div id="right"> <div class="right"> 左右结构实现方法：left设置float为left浮动，right设置float为right浮动，可实现左右结构<br>缺陷：当left高于right时显示会出现问题,footer清除浮动clear:both可解决此问题</div> </div>
可以改为
<div id="right" class="right"> 左右结构实现方法：left设置float为left浮动，right设置float为right浮动，可实现左右结构<br>缺陷：当left高于right时显示会出现问题,footer清除浮动clear:both可解决此问题 </div>
右边一样。这个问题最主要的原因是#container没有高度，这种布局方式没有高度的话会造成这个样子
很无语。请注意看楼主贴的图片上的文字。问题的解决办法不就在那么。或者你直接 给 left 加个 margin-bottom:10px;
最笨的方法：footer外面再套一个div，给这个div加padding-top！
这种方法试了，是不行的
首先div不宜套过多的divCSS code?1234567
缺陷：当left高于right时显示会出现问题,footer清除浮动clear:both可解决此问题
对的，这样也是可以的
#container .left给这个里面加个margin-bottom: 20px;就可以不挨在一起了。 这样也不行？？？
很无语。请注意看楼主贴的图片上的文字。问题的解决办法不就在那么。或者你直接 给 left 加个 margin-bottom:10px;
这也是可以的
多谢大家帮忙，问题解决了，看来我还要多学学基础知识，分数不多，大家见谅了
引用 7 楼 xiaojia_37 的回复:#container .left给这个里面加个margin-bottom: 20px;就可以不挨在一起了。这样也不行？？？
这是可以的