css布局_html/css_WEB-ITnose

这个 我想让他们 在同一水平上 这个CSS代码怎么写

div.shopname { height:110px; width:1090; text-align:left; margin:20px;}//这个是那三个所在的DIV框#titlephoto { height:100px;}//淘宝网图片的CSS #searchbox{ border:3px solid #FF3300; height:40px; position:relative; width:500px; margin-bottom:40px;} //input按钮的css #searchimgbtn{} //搜索按钮图片的 CSS

回复讨论(解决方案)

你的问题都看不懂，描述清楚点啊

3个div都定义好width,然后全部float:left; 就好了把

不过我建议还是不要用div,用span{display:inline-block;}

垂直居中就用padding-top微调吧

3个div都定义好width,然后全部float:left; 就好了把

不过我建议还是不要用div,用span{display:inline-block;}

垂直居中就用padding-top微调吧

楼上正解，这就是定位的问题，ｉｍｇ是行内标签，ｉｎｐｕｔ是块级标签，所以直接放在一起他们就不在同一行上，ｆｌｏａｔ可以让它浮起，脱离文本流。
不知楼主需不需要考虑浏览器的兼容问题，需要的话就需要再进一步调试了

3个div都定义好width,然后全部float:left; 就好了把

不过我建议还是不要用div,用span{display:inline-block;}

垂直居中就用padding-top微调吧

span 内可以嵌套input吗？

span和div差不多,
只不过div默认是块状元素,display:block;
span是行内元素,默认display:inline;