这两个div为什么显示在同一行呢？？？？？？



<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ include file="../../common/taglibs.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>

		<meta http-equiv="pragma" content="no-cache">

		<meta http-equiv="cache-control" content="no-cache">

		<meta http-equiv="expires" content="0">

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

		<meta http-equiv="description" content="This is my page">

		<script type="text/javascript" src="${ctx }/js/jquery-1.7.2.min.js"></script>

		<script type="text/javascript" src="${ctx }/js/jquery.masonry.min.js"></script>

		<script src="http://code.jquery.com/jquery-1.8.2.js"></script>

		<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />

		

<style type="text/css">

	.layout_css{

		

	}

	.layout_css div{

		margin: 5px 30px 30px 15px;

		float: left;

	}

</style>

<script type="text/javascript">

	$(function(){

		var user_code=$("input[name='USER_CODE']").val();

		$.ajax({

			type:"post",

			url:"${ctx }/layout/layout!getLayoutByUser_code.do?user_code="+user_code,

			dataType:"json",

			contentType : "application/json; charset=utf-8",

			success : function(data,textStatus){

				//通过用户的布局状态来修改布局页面的选中哪个布局状态

				$("input[name='layout'][value='"+data.LAYOUT_NAME+"']").attr("checked",'checked');

			}

		})		

		$("#but").click(function(){

			var layout=$("input[name='layout']:checked").val();

			$.ajax({

				type:"post",

				url:"${ctx }/layout/layout!updateLayout.do?user_code="+user_code+"&layout="+layout,

				dataType:"text",

				success : function(data,textStatus){

					if(data=="update_Success"){

						window.location.href="${ctx}/jsp/manage/manage-context.jsp"

					}

				}

			})

		});

	});

</script>

	</head>

	<body>

		<div class="layout_css">

			<div>

				<img src="${ctx }/image/layout/1_1_2.png"/>

				<br>

				<input  name="layout" type="radio" value="1_1_2" checked="checked">

			</div>	

			<div >

				<img src="${ctx }/image/layout/1_1_3.png"/>

				<br>

				<input  name="layout" type="radio" value="1_1_3">

			</div>

			<div >

				<img src="${ctx }/image/layout/1_2_1.png"/>

				<br>

				<input name="layout" type="radio" value="1_2_1">

			</div>

			<div >

				<img src="${ctx }/image/layout/1_2_2.png"/>

				<br>

				<input  name="layout" type="radio" value="1_2_2">

			</div>

			<div >

				<img src="${ctx }/image/layout/1_3_1.png"/>

				<br>

				<input  name="layout" type="radio" value="1_3_1">

			</div>

			<div >

				<img src="${ctx }/image/layout/1_3.png"/>

				<br>

				<input  name="layout" type="radio" value="1_3">

			</div>	

			<div >

				<img src="${ctx }/image/layout/1_4.png"/>

				<br>

				<input  name="layout" type="radio" value="1_4">

			</div>		

			<div >

				<img src="${ctx }/image/layout/2_2.png"/>

				<br>

				<input  name="layout" type="radio" value="2_2">

			</div>

			<div >

				<img src="${ctx }/image/layout/3_2.png"/>

				<br>

				<input  name="layout" type="radio" value="3_2">

			</div>

		</div>

		<div>

			<input type="hidden" name="USER_CODE" value="${userinfo.USER_CODE}">

			<input type="button" value="应用布局" id="but"/>

		</div>

	</body>

</html>

--------------------编程问答--------------------

float:left表示div左浮，这个就是把两个div显示在同一行 --------------------编程问答-------------------- 给上宽度就不会在一行了， --------------------编程问答--------------------
把
float:left去掉
并且设置width宽度 --------------------编程问答-------------------- 我也不知道啊 --------------------编程问答-------------------- .layout_css div{
        margin: 5px 30px 30px 15px;
        float: left;
    }
去掉float：left

补充：Java ,  Web 开发