为什么我在a元素后面放个DIV 这个DIV就跑到下行去了

挨踢直男 2009-11-29 04:10:05

<a href="sss.asp">dddd</a><div></div>

为什么我在a元素后面放个DIV 这个DIV就跑到下一行去了

...全文

141 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

pigpig2009 2009-11-29

打赏
举报

回复

你给a 标签加个div标签然后操作两个div 标签在同一行上应好做一点

lzp4881 2009-11-29

打赏
举报

回复

<div style="float:left"><a href="sss.asp">dddd </a></div><div style="float:right">sdfsd</div>
这样就不会了

挨踢直男 2009-11-29

打赏
举报

回复

我把div style 写成 display:inline;float:right 但这样写了仍旧换行啊

lzp4881 2009-11-29

打赏
举报

回复

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行.

这是个寂寞的天，下着有些伤心的雨div><div class="con">这是个寂寞的天，下着有些伤心的雨div><div class="con">这是个寂寞的天，下着有些伤心的雨div><div class="con">这是个寂寞的天，下着有些伤心的雨div><div class="con">这是个寂寞的天，下着有些伤心的雨

原始样子因为价格和他的上下箭头要设置在同一行所以使用了float：left，这对后续元素造成了影响，可以看见第一个商品和价格按钮显示到了一行一后续元素加上 style="clear:both" 这样会清除因前一个元素设置的float：left属性二有 float：left的元素加上overflow:auto 原理还不明白结果...

我们要用float布局的时候往往会出现父层的DIV没有自适应子层的DIV的现象，这是因为在设置在子层设置float，对父层影响使父层的高度丢失。问题代码如下： #nofloatbox {border: 1px solid #FF0000;background: #CCC;} #floatbox {float: left;width: 100px;height: 100px;...

这个问题之前也遇到过，这次是在写一个vue项目中的头部组件发现的，最外层div给设置了width100%，头部布局是分左中右三部分，直接用的浮动布局，因此当我缩小屏幕宽度的时候，中间导航栏就被挤到下面，因为缩小后的宽度不够了，如图所示：可以看到我的导航栏已经被挤到下面。原因上面已经提过，就是宽度不够的问题，所以这时候我们只需要给头部组件最外的div设置一个最小宽度，我这里是设置...

故事：最近在使用3个span（或div）制作带圆角边框的按钮时，按照常识，把span的display设置成inline-block，这样就可以设置span的width和height了，很爽的~ 可是当我在中间的span写上文字的时候，神奇的事情发生了：是的，写上字的那个span掉下来了，掉落，排版错位，很恶心的东西！使用Chrome的开发者工具查看，css和盒模型没有半点问题，郁闷中

28,406

社区成员

356,946

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章